normalizeDirectives() — vue Function Reference

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

Function typescript CoreRuntime Observer calls 1 called by 1

Entity Profile

CoreRuntime→ Observer→ normalizeDirectives() — vue Function Reference

Dependency Diagram

graph TD
  b747b395_46cc_92a9_9d9e_eaa294a22739["normalizeDirectives()"]
  8dce6c3f_4a73_cd05_13cf_97c1f249a21d["directives.ts"]
  b747b395_46cc_92a9_9d9e_eaa294a22739 -->|defined in| 8dce6c3f_4a73_cd05_13cf_97c1f249a21d
  0479eac9_5df3_020d_a364_dc6eb24f49f3["_update()"]
  0479eac9_5df3_020d_a364_dc6eb24f49f3 -->|calls| b747b395_46cc_92a9_9d9e_eaa294a22739
  d05fa59c_0967_47da_a6d8_ae27f54d3407["getRawDirName()"]
  b747b395_46cc_92a9_9d9e_eaa294a22739 -->|calls| d05fa59c_0967_47da_a6d8_ae27f54d3407
  style b747b395_46cc_92a9_9d9e_eaa294a22739 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
}