activateChildComponent() — vue Function Reference

Architecture documentation for the activateChildComponent() function in lifecycle.ts from the vue codebase.

Function typescript CoreRuntime InstanceState calls 2 called by 2

Entity Profile

CoreRuntime→ InstanceState→ activateChildComponent() — vue Function Reference

Dependency Diagram

graph TD
  d5689118_f863_cb10_9794_80b2a5de55a7["activateChildComponent()"]
  ec2abe38_2f10_389c_6777_d109af8942d6["callActivatedHooks()"]
  ec2abe38_2f10_389c_6777_d109af8942d6 -->|calls| d5689118_f863_cb10_9794_80b2a5de55a7
  ccaa32c4_bdac_209e_5d8f_fe43093907de["componentVNodeHooks.insert()"]
  ccaa32c4_bdac_209e_5d8f_fe43093907de -->|calls| d5689118_f863_cb10_9794_80b2a5de55a7
  592ad59c_dc96_0090_45e0_7c78522da42e["isInInactiveTree()"]
  d5689118_f863_cb10_9794_80b2a5de55a7 -->|calls| 592ad59c_dc96_0090_45e0_7c78522da42e
  a7fb5d54_f5e0_5d73_5f6a_96e6c47acbeb["callHook()"]
  d5689118_f863_cb10_9794_80b2a5de55a7 -->|calls| a7fb5d54_f5e0_5d73_5f6a_96e6c47acbeb
  style d5689118_f863_cb10_9794_80b2a5de55a7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/lifecycle.ts lines 360–376

export function activateChildComponent(vm: Component, direct?: boolean) {
  if (direct) {
    vm._directInactive = false
    if (isInInactiveTree(vm)) {
      return
    }
  } else if (vm._directInactive) {
    return
  }
  if (vm._inactive || vm._inactive === null) {
    vm._inactive = false
    for (let i = 0; i < vm.$children.length; i++) {
      activateChildComponent(vm.$children[i])
    }
    callHook(vm, 'activated')
  }
}