addDirective() — vue Function Reference

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

Function typescript TemplateCompiler CodeGen calls 1 called by 1

Entity Profile

TemplateCompiler→ CodeGen→ addDirective() — vue Function Reference

Dependency Diagram

graph TD
  0d580c5a_94a5_1668_70d1_6bf40da1b73a["addDirective()"]
  6f72c0fc_c9ca_496b_1bc7_d93b516eda63["processAttrs()"]
  6f72c0fc_c9ca_496b_1bc7_d93b516eda63 -->|calls| 0d580c5a_94a5_1668_70d1_6bf40da1b73a
  96030d9b_6fc5_c5dd_8879_245007a0e6b2["rangeSetItem()"]
  0d580c5a_94a5_1668_70d1_6bf40da1b73a -->|calls| 96030d9b_6fc5_c5dd_8879_245007a0e6b2
  style 0d580c5a_94a5_1668_70d1_6bf40da1b73a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/helpers.ts lines 58–82

export function addDirective(
  el: ASTElement,
  name: string,
  rawName: string,
  value: string,
  arg?: string,
  isDynamicArg?: boolean,
  modifiers?: ASTModifiers,
  range?: Range
) {
  ;(el.directives || (el.directives = [])).push(
    rangeSetItem(
      {
        name,
        rawName,
        value,
        arg,
        isDynamicArg,
        modifiers
      },
      range
    )
  )
  el.plain = false
}