genComponentModel() — vue Function Reference

Architecture documentation for the genComponentModel() function in model.ts from the vue codebase.

Function typescript CompilerSFC ScriptAnalyzer calls 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ genComponentModel() — vue Function Reference

Dependency Diagram

graph TD
  86f017fc_c56c_f4eb_2961_848dc6428042["genComponentModel()"]
  8d523c5a_6bbc_3e71_cb43_8252874a3ea9["model.ts"]
  86f017fc_c56c_f4eb_2961_848dc6428042 -->|defined in| 8d523c5a_6bbc_3e71_cb43_8252874a3ea9
  65a029a4_19bc_73e7_6dce_b5010c35150b["genAssignmentCode()"]
  86f017fc_c56c_f4eb_2961_848dc6428042 -->|calls| 65a029a4_19bc_73e7_6dce_b5010c35150b
  style 86f017fc_c56c_f4eb_2961_848dc6428042 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/directives/model.ts lines 6–31

export function genComponentModel(
  el: ASTElement,
  value: string,
  modifiers: ASTModifiers | null
): void {
  const { number, trim } = modifiers || {}

  const baseValueExpression = '$$v'
  let valueExpression = baseValueExpression
  if (trim) {
    valueExpression =
      `(typeof ${baseValueExpression} === 'string'` +
      `? ${baseValueExpression}.trim()` +
      `: ${baseValueExpression})`
  }
  if (number) {
    valueExpression = `_n(${valueExpression})`
  }
  const assignment = genAssignmentCode(value, valueExpression)

  el.model = {
    value: `(${value})`,
    expression: JSON.stringify(value),
    callback: `function (${baseValueExpression}) {${assignment}}`
  }
}