componentVNodeHooks.init() — vue Function Reference

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

Function typescript CoreInstance Lifecycle calls 1

Entity Profile

CoreInstance→ Lifecycle→ componentVNodeHooks.init() — vue Function Reference

Dependency Diagram

graph TD
  cac47c40_b4d5_f747_e0a8_a13125e61d4a["componentVNodeHooks.init()"]
  c5559841_2093_4676_fd3e_0f3485fc8a40["createComponentInstanceForVnode()"]
  cac47c40_b4d5_f747_e0a8_a13125e61d4a -->|calls| c5559841_2093_4676_fd3e_0f3485fc8a40
  style cac47c40_b4d5_f747_e0a8_a13125e61d4a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-component.ts lines 37–53

  init(vnode: VNodeWithData, hydrating: boolean): boolean | void {
    if (
      vnode.componentInstance &&
      !vnode.componentInstance._isDestroyed &&
      vnode.data.keepAlive
    ) {
      // kept-alive components, treat as a patch
      const mountedNode: any = vnode // work around flow
      componentVNodeHooks.prepatch(mountedNode, mountedNode)
    } else {
      const child = (vnode.componentInstance = createComponentInstanceForVnode(
        vnode,
        activeInstance
      ))
      child.$mount(hydrating ? vnode.elm : undefined, hydrating)
    }
  },