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 VueCore Instance called by 1

Entity Profile

Dependency Diagram

graph TD
  f9ac0ed1_c4f5_ca95_98cf_d36201566db1["createComponentInstanceForVnode()"]
  82e2e746_8f28_fbf0_8cf7_69eca6423e4a["create-component.ts"]
  f9ac0ed1_c4f5_ca95_98cf_d36201566db1 -->|defined in| 82e2e746_8f28_fbf0_8cf7_69eca6423e4a
  19d8de6a_4f22_e529_d469_2e3e5d07522f["componentVNodeHooks.init()"]
  19d8de6a_4f22_e529_d469_2e3e5d07522f -->|calls| f9ac0ed1_c4f5_ca95_98cf_d36201566db1
  style f9ac0ed1_c4f5_ca95_98cf_d36201566db1 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

Defined In

Called By

Source

Frequently Asked Questions

What does createComponentInstanceForVnode() do?
createComponentInstanceForVnode() is a function in the vue codebase, defined in src/core/vdom/create-component.ts.
Where is createComponentInstanceForVnode() defined?
createComponentInstanceForVnode() is defined in src/core/vdom/create-component.ts at line 212.
What calls createComponentInstanceForVnode()?
createComponentInstanceForVnode() is called by 1 function(s): componentVNodeHooks.init.

Analyze Your Own Codebase

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

Try Supermodel Free