transformModel() — vue Function Reference

Architecture documentation for the transformModel() function in create-component.ts from the vue codebase.

Function typescript VueCore Instance called by 1

Entity Profile

VueCore→ Instance→ transformModel() — vue Function Reference

Dependency Diagram

graph TD
  ca989102_6ee8_9711_d16c_e6e7a259d30f["transformModel()"]
  82e2e746_8f28_fbf0_8cf7_69eca6423e4a["create-component.ts"]
  ca989102_6ee8_9711_d16c_e6e7a259d30f -->|defined in| 82e2e746_8f28_fbf0_8cf7_69eca6423e4a
  18846da1_d4a3_5b6b_af05_795ee5beebed["createComponent()"]
  18846da1_d4a3_5b6b_af05_795ee5beebed -->|calls| ca989102_6ee8_9711_d16c_e6e7a259d30f
  style ca989102_6ee8_9711_d16c_e6e7a259d30f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-component.ts lines 257–275

function transformModel(options, data: any) {
  const prop = (options.model && options.model.prop) || 'value'
  const event = (options.model && options.model.event) || 'input'
  ;(data.attrs || (data.attrs = {}))[prop] = data.model.value
  const on = data.on || (data.on = {})
  const existing = on[event]
  const callback = data.model.callback
  if (isDef(existing)) {
    if (
      isArray(existing)
        ? existing.indexOf(callback) === -1
        : existing !== callback
    ) {
      on[event] = [callback].concat(existing)
    }
  } else {
    on[event] = callback
  }
}