installComponentHooks() — vue Function Reference

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

Function typescript VueCore Instance calls 1 called by 1

Entity Profile

VueCore→ Instance→ installComponentHooks() — vue Function Reference

Dependency Diagram

graph TD
  560c6919_dc9c_64eb_eefd_3c8ace5af79c["installComponentHooks()"]
  82e2e746_8f28_fbf0_8cf7_69eca6423e4a["create-component.ts"]
  560c6919_dc9c_64eb_eefd_3c8ace5af79c -->|defined in| 82e2e746_8f28_fbf0_8cf7_69eca6423e4a
  18846da1_d4a3_5b6b_af05_795ee5beebed["createComponent()"]
  18846da1_d4a3_5b6b_af05_795ee5beebed -->|calls| 560c6919_dc9c_64eb_eefd_3c8ace5af79c
  8fef4f5f_0c6f_40ac_2f02_2cec7858a8d8["mergeHook()"]
  560c6919_dc9c_64eb_eefd_3c8ace5af79c -->|calls| 8fef4f5f_0c6f_40ac_2f02_2cec7858a8d8
  style 560c6919_dc9c_64eb_eefd_3c8ace5af79c 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
    }
  }
}