normalizeDirectives() — vue Function Reference

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

Function typescript VueCore GlobalAPI calls 1 called by 1

Entity Profile

VueCore→ GlobalAPI→ normalizeDirectives() — vue Function Reference

Dependency Diagram

graph TD
  d582937b_dc98_d390_a8bf_68c0aa0feedf["normalizeDirectives()"]
  a07220f3_beb1_7821_9810_d794a7a56504["directives.ts"]
  d582937b_dc98_d390_a8bf_68c0aa0feedf -->|defined in| a07220f3_beb1_7821_9810_d794a7a56504
  c17676a5_46ed_d3dd_d968_0fa11724f89d["_update()"]
  c17676a5_46ed_d3dd_d968_0fa11724f89d -->|calls| d582937b_dc98_d390_a8bf_68c0aa0feedf
  c0ba2283_b5f1_98ba_9de6_511ebdb5b8f4["getRawDirName()"]
  d582937b_dc98_d390_a8bf_68c0aa0feedf -->|calls| c0ba2283_b5f1_98ba_9de6_511ebdb5b8f4
  style d582937b_dc98_d390_a8bf_68c0aa0feedf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/modules/directives.ts lines 88–120

function normalizeDirectives(
  dirs: Array<VNodeDirective> | undefined,
  vm: Component
): { [key: string]: VNodeDirective } {
  const res = Object.create(null)
  if (!dirs) {
    // $flow-disable-line
    return res
  }
  let i: number, dir: VNodeDirective
  for (i = 0; i < dirs.length; i++) {
    dir = dirs[i]
    if (!dir.modifiers) {
      // $flow-disable-line
      dir.modifiers = emptyModifiers
    }
    res[getRawDirName(dir)] = dir
    if (vm._setupState && vm._setupState.__sfc) {
      const setupDef = dir.def || resolveAsset(vm, '_setupState', 'v-' + dir.name)
      if (typeof setupDef === 'function') {
        dir.def = {
          bind: setupDef,
          update: setupDef,
        }
      } else {
        dir.def = setupDef
      }
    }
    dir.def = dir.def || resolveAsset(vm.$options, 'directives', dir.name, true)
  }
  // $flow-disable-line
  return res
}