transformModel() — vue Function Reference

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

Function typescript CoreRuntime Instance called by 1

Entity Profile

CoreRuntime→ Instance→ transformModel() — vue Function Reference

Dependency Diagram

graph TD
  6742d624_32e9_6e5f_4fa4_4938f2e2ef96["transformModel()"]
  a6875054_df8a_0ce4_8a16_374ce422dc53["create-component.ts"]
  6742d624_32e9_6e5f_4fa4_4938f2e2ef96 -->|defined in| a6875054_df8a_0ce4_8a16_374ce422dc53
  cd4ab087_1a92_967b_8b0c_652f9562b5f0["createComponent()"]
  cd4ab087_1a92_967b_8b0c_652f9562b5f0 -->|calls| 6742d624_32e9_6e5f_4fa4_4938f2e2ef96
  style 6742d624_32e9_6e5f_4fa4_4938f2e2ef96 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
  }
}