renderClass() — vue Function Reference

Architecture documentation for the renderClass() function in class.ts from the vue codebase.

Function typescript VueCore Observer calls 2 called by 1

Entity Profile

VueCore→ Observer→ renderClass() — vue Function Reference

Dependency Diagram

graph TD
  0f18f6d3_b4f3_41c9_2064_ee723d3c0316["renderClass()"]
  7d865290_63ef_852b_c606_147816b9dc05["class.ts"]
  0f18f6d3_b4f3_41c9_2064_ee723d3c0316 -->|defined in| 7d865290_63ef_852b_c606_147816b9dc05
  0eabb501_dadb_fa1c_7e8c_842565374a57["genClassForVnode()"]
  0eabb501_dadb_fa1c_7e8c_842565374a57 -->|calls| 0f18f6d3_b4f3_41c9_2064_ee723d3c0316
  9af8020a_aba2_76a6_c86f_2d2690766653["concat()"]
  0f18f6d3_b4f3_41c9_2064_ee723d3c0316 -->|calls| 9af8020a_aba2_76a6_c86f_2d2690766653
  cdba4a31_2a9d_7c8d_bdf8_91773a76c83a["stringifyClass()"]
  0f18f6d3_b4f3_41c9_2064_ee723d3c0316 -->|calls| cdba4a31_2a9d_7c8d_bdf8_91773a76c83a
  style 0f18f6d3_b4f3_41c9_2064_ee723d3c0316 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/class.ts lines 37–46

export function renderClass(
  staticClass: string | null | undefined,
  dynamicClass: any
): string {
  if (isDef(staticClass) || isDef(dynamicClass)) {
    return concat(staticClass, stringifyClass(dynamicClass))
  }
  /* istanbul ignore next */
  return ''
}