normalizeStyleBinding() — vue Function Reference

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

Function typescript WebPlatform WebCompiler calls 2 called by 3

Entity Profile

WebPlatform→ WebCompiler→ normalizeStyleBinding() — vue Function Reference

Dependency Diagram

graph TD
  29ec91dc_3cc1_b618_1af1_f0fdc215fd73["normalizeStyleBinding()"]
  1a2361a0_d6b0_d732_65e6_d0865594641c["renderSSRStyle()"]
  1a2361a0_d6b0_d732_65e6_d0865594641c -->|calls| 29ec91dc_3cc1_b618_1af1_f0fdc215fd73
  bb6b3e47_4412_613f_a390_b2681286129d["updateStyle()"]
  bb6b3e47_4412_613f_a390_b2681286129d -->|calls| 29ec91dc_3cc1_b618_1af1_f0fdc215fd73
  b3325b50_9eba_df40_6a1a_f7b570196e0a["normalizeStyleData()"]
  b3325b50_9eba_df40_6a1a_f7b570196e0a -->|calls| 29ec91dc_3cc1_b618_1af1_f0fdc215fd73
  ea45039c_519f_372b_4079_67509c0896f2["toObject()"]
  29ec91dc_3cc1_b618_1af1_f0fdc215fd73 -->|calls| ea45039c_519f_372b_4079_67509c0896f2
  6035f657_5899_1773_aa74_0b3c968a42fe["parseStyleText()"]
  29ec91dc_3cc1_b618_1af1_f0fdc215fd73 -->|calls| 6035f657_5899_1773_aa74_0b3c968a42fe
  style 29ec91dc_3cc1_b618_1af1_f0fdc215fd73 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/style.ts lines 27–35

export function normalizeStyleBinding(bindingStyle: any): Record<string, any> {
  if (Array.isArray(bindingStyle)) {
    return toObject(bindingStyle)
  }
  if (typeof bindingStyle === 'string') {
    return parseStyleText(bindingStyle)
  }
  return bindingStyle
}