initInternalComponent() — vue Function Reference

Architecture documentation for the initInternalComponent() function in init.ts from the vue codebase.

Function typescript CoreRuntime InstanceState called by 1

Entity Profile

CoreRuntime→ InstanceState→ initInternalComponent() — vue Function Reference

Dependency Diagram

graph TD
  368282ef_87ff_0572_f76d_20ad6115a558["initInternalComponent()"]
  ad112c37_faea_8798_03f1_18e1a6303f0d["initMixin()"]
  ad112c37_faea_8798_03f1_18e1a6303f0d -->|calls| 368282ef_87ff_0572_f76d_20ad6115a558
  style 368282ef_87ff_0572_f76d_20ad6115a558 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/init.ts lines 84–104

export function initInternalComponent(
  vm: Component,
  options: InternalComponentOptions
) {
  const opts = (vm.$options = Object.create((vm.constructor as any).options))
  // doing this because it's faster than dynamic enumeration.
  const parentVnode = options._parentVnode
  opts.parent = options.parent
  opts._parentVnode = parentVnode

  const vnodeComponentOptions = parentVnode.componentOptions!
  opts.propsData = vnodeComponentOptions.propsData
  opts._parentListeners = vnodeComponentOptions.listeners
  opts._renderChildren = vnodeComponentOptions.children
  opts._componentTag = vnodeComponentOptions.tag

  if (options.render) {
    opts.render = options.render
    opts.staticRenderFns = options.staticRenderFns
  }
}