initInternalComponent() — vue Function Reference

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

Function typescript VueCore Instance called by 1

Entity Profile

VueCore→ Instance→ initInternalComponent() — vue Function Reference

Dependency Diagram

graph TD
  5d785ff9_51ea_51b2_43cb_49d96c279d39["initInternalComponent()"]
  ae790ceb_073b_1bcf_331c_af2d587c1ad6["init.ts"]
  5d785ff9_51ea_51b2_43cb_49d96c279d39 -->|defined in| ae790ceb_073b_1bcf_331c_af2d587c1ad6
  27e71f35_12fd_58cc_25d7_c5686da5aaf6["initMixin()"]
  27e71f35_12fd_58cc_25d7_c5686da5aaf6 -->|calls| 5d785ff9_51ea_51b2_43cb_49d96c279d39
  style 5d785ff9_51ea_51b2_43cb_49d96c279d39 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
  }
}