componentVNodeHooks.init() — vue Function Reference

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

Function typescript CoreRuntime GlobalAPI calls 1

Entity Profile

CoreRuntime→ GlobalAPI→ componentVNodeHooks.init() — vue Function Reference

Dependency Diagram

graph TD
  f92a3879_f881_2ec4_e4be_0edecc6e5c11["componentVNodeHooks.init()"]
  2d7d3012_61dc_d96c_e6ac_2793b75a662f["createComponentInstanceForVnode()"]
  f92a3879_f881_2ec4_e4be_0edecc6e5c11 -->|calls| 2d7d3012_61dc_d96c_e6ac_2793b75a662f
  style f92a3879_f881_2ec4_e4be_0edecc6e5c11 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)
    }
  },