genAssignmentCode() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 1 called by 2

Entity Profile

CompilerSFC→ ScriptAnalyzer→ genAssignmentCode() — vue Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

src/compiler/directives/model.ts lines 36–43

export function genAssignmentCode(value: string, assignment: string): string {
  const res = parseModel(value)
  if (res.key === null) {
    return `${value}=${assignment}`
  } else {
    return `$set(${res.exp}, ${res.key}, ${assignment})`
  }
}