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 CoreInstance Lifecycle called by 2

Entity Profile

Dependency Diagram

graph TD
  c5559841_2093_4676_fd3e_0f3485fc8a40["createComponentInstanceForVnode()"]
  b912b998_19db_0074_fde6_8126c7f548f0["renderComponentInner()"]
  b912b998_19db_0074_fde6_8126c7f548f0 -->|calls| c5559841_2093_4676_fd3e_0f3485fc8a40
  cac47c40_b4d5_f747_e0a8_a13125e61d4a["componentVNodeHooks.init()"]
  cac47c40_b4d5_f747_e0a8_a13125e61d4a -->|calls| c5559841_2093_4676_fd3e_0f3485fc8a40
  style c5559841_2093_4676_fd3e_0f3485fc8a40 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