activateChildComponent() — vue Function Reference

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

Function typescript CoreInstance Lifecycle calls 2 called by 2

Entity Profile

CoreInstance→ Lifecycle→ activateChildComponent() — vue Function Reference

Dependency Diagram

graph TD
  3e7d2138_fd8b_c8fc_5bdd_a47787d28445["activateChildComponent()"]
  47074b77_66f0_eb70_22b7_c50e95d3acc7["callActivatedHooks()"]
  47074b77_66f0_eb70_22b7_c50e95d3acc7 -->|calls| 3e7d2138_fd8b_c8fc_5bdd_a47787d28445
  f7b166da_430e_e05b_587f_4795e8e1a828["componentVNodeHooks.insert()"]
  f7b166da_430e_e05b_587f_4795e8e1a828 -->|calls| 3e7d2138_fd8b_c8fc_5bdd_a47787d28445
  7f5c5af0_e0dd_3ee7_9d64_5f5eb246e832["isInInactiveTree()"]
  3e7d2138_fd8b_c8fc_5bdd_a47787d28445 -->|calls| 7f5c5af0_e0dd_3ee7_9d64_5f5eb246e832
  71c7a5aa_6619_7aea_6a94_630a0527f309["callHook()"]
  3e7d2138_fd8b_c8fc_5bdd_a47787d28445 -->|calls| 71c7a5aa_6619_7aea_6a94_630a0527f309
  style 3e7d2138_fd8b_c8fc_5bdd_a47787d28445 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')
  }
}