vue Architecture Docs
Home / Function/ createComponentInstanceForVnode() — vue Function Reference

createComponentInstanceForVnode() — vue Function Reference

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

Function typescript CoreRuntime GlobalAPI called by 2

Entity Profile

Dependency Diagram

graph TD
  2d7d3012_61dc_d96c_e6ac_2793b75a662f["createComponentInstanceForVnode()"]
  cbb765a5_16f2_d102_c691_156f282d3846["renderComponentInner()"]
  cbb765a5_16f2_d102_c691_156f282d3846 -->|calls| 2d7d3012_61dc_d96c_e6ac_2793b75a662f
  f92a3879_f881_2ec4_e4be_0edecc6e5c11["componentVNodeHooks.init()"]
  f92a3879_f881_2ec4_e4be_0edecc6e5c11 -->|calls| 2d7d3012_61dc_d96c_e6ac_2793b75a662f
  style 2d7d3012_61dc_d96c_e6ac_2793b75a662f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-component.ts lines 212–230

export function createComponentInstanceForVnode(
  // we know it's MountedComponentVNode but flow doesn't
  vnode: any,
  // activeInstance in lifecycle state
  parent?: any
): Component {
  const options: InternalComponentOptions = {
    _isComponent: true,
    _parentVnode: vnode,
    parent
  }
  // check inline-template render functions
  const inlineTemplate = vnode.data.inlineTemplate
  if (isDef(inlineTemplate)) {
    options.render = inlineTemplate.render
    options.staticRenderFns = inlineTemplate.staticRenderFns
  }
  return new vnode.componentOptions.Ctor(options)
}

Domain

Subdomains

Called By

Source

Frequently Asked Questions

What does createComponentInstanceForVnode() do?
createComponentInstanceForVnode() is a function in the vue codebase.
What calls createComponentInstanceForVnode()?
createComponentInstanceForVnode() is called by 2 function(s): componentVNodeHooks.init, renderComponentInner.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free