vue Architecture Docs
Home / Function/ model() — vue Function Reference

model() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 4

Entity Profile

Dependency Diagram

graph TD
  fb93f205_0dbe_6e8b_730c_c91bb2e93aad["model()"]
  6d622d50_6a3e_1574_2e13_bf98a183dd8a["looseIndexOf()"]
  fb93f205_0dbe_6e8b_730c_c91bb2e93aad -->|calls| 6d622d50_6a3e_1574_2e13_bf98a183dd8a
  8db019d7_c46e_ef75_6d92_39ffb42750f0["getValue()"]
  fb93f205_0dbe_6e8b_730c_c91bb2e93aad -->|calls| 8db019d7_c46e_ef75_6d92_39ffb42750f0
  33db95c6_9c9c_f333_d8e1_0db902883cef["setSelected()"]
  fb93f205_0dbe_6e8b_730c_c91bb2e93aad -->|calls| 33db95c6_9c9c_f333_d8e1_0db902883cef
  e209b0d9_ee94_da5d_14f4_499aa19837cb["looseEqual()"]
  fb93f205_0dbe_6e8b_730c_c91bb2e93aad -->|calls| e209b0d9_ee94_da5d_14f4_499aa19837cb
  style fb93f205_0dbe_6e8b_730c_c91bb2e93aad 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
        }
      }
    }
  }
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does model() do?
model() is a function in the vue codebase.
What does model() call?
model() calls 4 function(s): getValue, looseEqual, looseIndexOf, setSelected.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free