installComponentHooks() — vue Function Reference

Architecture documentation for the installComponentHooks() function in create-component.ts from the vue codebase.

Function typescript CoreInstance Lifecycle calls 1 called by 1

Entity Profile

CoreInstance→ Lifecycle→ installComponentHooks() — vue Function Reference

Dependency Diagram

graph TD
  d3d33260_a133_3fcf_4b95_204484fe4cc9["installComponentHooks()"]
  9f53d048_e9bd_bd7d_3ea7_71affe1529d8["createComponent()"]
  9f53d048_e9bd_bd7d_3ea7_71affe1529d8 -->|calls| d3d33260_a133_3fcf_4b95_204484fe4cc9
  47f8492c_85ca_c18c_3009_b56bfb9a2b47["mergeHook()"]
  d3d33260_a133_3fcf_4b95_204484fe4cc9 -->|calls| 47f8492c_85ca_c18c_3009_b56bfb9a2b47
  style d3d33260_a133_3fcf_4b95_204484fe4cc9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-component.ts lines 232–243

function installComponentHooks(data: VNodeData) {
  const hooks = data.hook || (data.hook = {})
  for (let i = 0; i < hooksToMerge.length; i++) {
    const key = hooksToMerge[i]
    const existing = hooks[key]
    const toMerge = componentVNodeHooks[key]
    // @ts-expect-error
    if (existing !== toMerge && !(existing && existing._merged)) {
      hooks[key] = existing ? mergeHook(toMerge, existing) : toMerge
    }
  }
}