normalizeStyleData() — vue Function Reference

Architecture documentation for the normalizeStyleData() function in style.ts from the vue codebase.

Function typescript WebPlatform WebCompiler calls 2 called by 1

Entity Profile

WebPlatform→ WebCompiler→ normalizeStyleData() — vue Function Reference

Dependency Diagram

graph TD
  b3325b50_9eba_df40_6a1a_f7b570196e0a["normalizeStyleData()"]
  57f662e9_6308_3a96_2b4b_c4b139354113["getStyle()"]
  57f662e9_6308_3a96_2b4b_c4b139354113 -->|calls| b3325b50_9eba_df40_6a1a_f7b570196e0a
  29ec91dc_3cc1_b618_1af1_f0fdc215fd73["normalizeStyleBinding()"]
  b3325b50_9eba_df40_6a1a_f7b570196e0a -->|calls| 29ec91dc_3cc1_b618_1af1_f0fdc215fd73
  133969d0_a7bd_f1c5_46a3_9fb8fd249583["extend()"]
  b3325b50_9eba_df40_6a1a_f7b570196e0a -->|calls| 133969d0_a7bd_f1c5_46a3_9fb8fd249583
  style b3325b50_9eba_df40_6a1a_f7b570196e0a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/style.ts lines 19–24

function normalizeStyleData(data: VNodeData): Record<string, any> {
  const style = normalizeStyleBinding(data.style)
  // static style is pre-processed into an object during compilation
  // and is always a fresh object, so it's safe to merge into it
  return data.staticStyle ? extend(data.staticStyle, style) : style
}