model() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2

Entity Profile

ServerRenderer→ BundleRenderer→ model() — vue Function Reference

Dependency Diagram

graph TD
  a9c75b6f_5b3d_195e_3668_3cc140c2883d["model()"]
  e8745e03_5237_d9bd_a77b_dbfba77d2d10["model.ts"]
  a9c75b6f_5b3d_195e_3668_3cc140c2883d -->|defined in| e8745e03_5237_d9bd_a77b_dbfba77d2d10
  4b5a1b05_9c4d_d560_214e_e9dbf853a4f5["getValue()"]
  a9c75b6f_5b3d_195e_3668_3cc140c2883d -->|calls| 4b5a1b05_9c4d_d560_214e_e9dbf853a4f5
  332b5e3e_2ce2_4d60_5b1b_abdf6793d233["setSelected()"]
  a9c75b6f_5b3d_195e_3668_3cc140c2883d -->|calls| 332b5e3e_2ce2_4d60_5b1b_abdf6793d233
  style a9c75b6f_5b3d_195e_3668_3cc140c2883d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/directives/model.ts lines 6–27

export default function model(node: VNodeWithData, dir: VNodeDirective) {
  if (!node.children) return
  const value = dir.value
  const isMultiple = node.data.attrs && node.data.attrs.multiple
  for (let i = 0, l = node.children.length; i < l; i++) {
    const option = node.children[i]
    if (option.tag === 'option') {
      if (isMultiple) {
        const selected =
          Array.isArray(value) && looseIndexOf(value, getValue(option)) > -1
        if (selected) {
          setSelected(option)
        }
      } else {
        if (looseEqual(value, getValue(option))) {
          setSelected(option)
          return
        }
      }
    }
  }
}