Home / Function/ model() — vue Function Reference

model() — vue Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  95dd9b42_a5f3_42b6_a271_71cac3934772["model()"]
  2b704f63_1e61_0631_3906_d1b4f81c276c["looseIndexOf()"]
  95dd9b42_a5f3_42b6_a271_71cac3934772 -->|calls| 2b704f63_1e61_0631_3906_d1b4f81c276c
  cd18d40b_7062_0820_d410_e51150777ad1["getValue()"]
  95dd9b42_a5f3_42b6_a271_71cac3934772 -->|calls| cd18d40b_7062_0820_d410_e51150777ad1
  bc6f044f_dede_f8b6_349f_a51b82dc48aa["setSelected()"]
  95dd9b42_a5f3_42b6_a271_71cac3934772 -->|calls| bc6f044f_dede_f8b6_349f_a51b82dc48aa
  65ecf248_3144_6fe6_6b3c_e026bf041584["looseEqual()"]
  95dd9b42_a5f3_42b6_a271_71cac3934772 -->|calls| 65ecf248_3144_6fe6_6b3c_e026bf041584
  style 95dd9b42_a5f3_42b6_a271_71cac3934772 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
        }
      }
    }
  }
}

Subdomains

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