genAssignmentCode() — vue Function Reference

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

Function typescript VueCore Observer calls 1 called by 2

Entity Profile

VueCore→ Observer→ genAssignmentCode() — vue Function Reference

Dependency Diagram

graph TD
  bf9ddf1c_ef97_a050_8f03_7e20fe6e8f1c["genAssignmentCode()"]
  1f566fbb_35e7_982c_1234_287d1ad7f72c["model.ts"]
  bf9ddf1c_ef97_a050_8f03_7e20fe6e8f1c -->|defined in| 1f566fbb_35e7_982c_1234_287d1ad7f72c
  e50a073d_038c_045c_620f_b64d27f686d0["genComponentModel()"]
  e50a073d_038c_045c_620f_b64d27f686d0 -->|calls| bf9ddf1c_ef97_a050_8f03_7e20fe6e8f1c
  89ae2d84_ca61_4847_7313_0974c1948730["processAttrs()"]
  89ae2d84_ca61_4847_7313_0974c1948730 -->|calls| bf9ddf1c_ef97_a050_8f03_7e20fe6e8f1c
  07b38d85_6530_a99f_04cd_e166fb182374["parseModel()"]
  bf9ddf1c_ef97_a050_8f03_7e20fe6e8f1c -->|calls| 07b38d85_6530_a99f_04cd_e166fb182374
  style bf9ddf1c_ef97_a050_8f03_7e20fe6e8f1c 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})`
  }
}