normalizeStyleData() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 2 called by 1

Entity Profile

WebPlatform→ WebRuntime→ normalizeStyleData() — vue Function Reference

Dependency Diagram

graph TD
  25a6997b_f523_6db2_b908_5bc93c78b9d1["normalizeStyleData()"]
  34f243e9_d5d7_0297_3d5d_12821a44d0fd["getStyle()"]
  34f243e9_d5d7_0297_3d5d_12821a44d0fd -->|calls| 25a6997b_f523_6db2_b908_5bc93c78b9d1
  9f352e13_edc9_9711_6747_1f057e9ed07f["normalizeStyleBinding()"]
  25a6997b_f523_6db2_b908_5bc93c78b9d1 -->|calls| 9f352e13_edc9_9711_6747_1f057e9ed07f
  7a0093e3_a58a_af71_971f_488b65897e74["extend()"]
  25a6997b_f523_6db2_b908_5bc93c78b9d1 -->|calls| 7a0093e3_a58a_af71_971f_488b65897e74
  style 25a6997b_f523_6db2_b908_5bc93c78b9d1 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
}