initInternalComponent() — vue Function Reference

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

Function typescript CoreRuntime Instance called by 1

Entity Profile

CoreRuntime→ Instance→ initInternalComponent() — vue Function Reference

Dependency Diagram

graph TD
  e536f7fa_3203_b3e0_5782_32edd9f85b74["initInternalComponent()"]
  9e587547_0a20_aaaa_ba5c_6103ca27ef79["init.ts"]
  e536f7fa_3203_b3e0_5782_32edd9f85b74 -->|defined in| 9e587547_0a20_aaaa_ba5c_6103ca27ef79
  7cb38e61_0473_03dc_2a46_4308c941e8cf["initMixin()"]
  7cb38e61_0473_03dc_2a46_4308c941e8cf -->|calls| e536f7fa_3203_b3e0_5782_32edd9f85b74
  style e536f7fa_3203_b3e0_5782_32edd9f85b74 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
  }
}