normalizeDirectives() — vue Function Reference

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

Function typescript CoreRuntime VNodePatch calls 1 called by 1

Entity Profile

CoreRuntime→ VNodePatch→ normalizeDirectives() — vue Function Reference

Dependency Diagram

graph TD
  567835e8_9ddc_72aa_a76a_eaa073ab13ad["normalizeDirectives()"]
  d9e5faa1_4c9d_b2bf_9290_ab75e74e7a14["_update()"]
  d9e5faa1_4c9d_b2bf_9290_ab75e74e7a14 -->|calls| 567835e8_9ddc_72aa_a76a_eaa073ab13ad
  518dfc15_adbe_5cca_b7f3_48a3b8273d75["getRawDirName()"]
  567835e8_9ddc_72aa_a76a_eaa073ab13ad -->|calls| 518dfc15_adbe_5cca_b7f3_48a3b8273d75
  style 567835e8_9ddc_72aa_a76a_eaa073ab13ad 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
}