deactivateChildComponent() — vue Function Reference

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

Function typescript CoreInstance Lifecycle calls 2 called by 1

Entity Profile

CoreInstance→ Lifecycle→ deactivateChildComponent() — vue Function Reference

Dependency Diagram

graph TD
  18d51aec_8d26_a819_8f35_582a8499968c["deactivateChildComponent()"]
  f83b642c_4d10_9b5e_4c13_7bff8d222fde["componentVNodeHooks.destroy()"]
  f83b642c_4d10_9b5e_4c13_7bff8d222fde -->|calls| 18d51aec_8d26_a819_8f35_582a8499968c
  7f5c5af0_e0dd_3ee7_9d64_5f5eb246e832["isInInactiveTree()"]
  18d51aec_8d26_a819_8f35_582a8499968c -->|calls| 7f5c5af0_e0dd_3ee7_9d64_5f5eb246e832
  71c7a5aa_6619_7aea_6a94_630a0527f309["callHook()"]
  18d51aec_8d26_a819_8f35_582a8499968c -->|calls| 71c7a5aa_6619_7aea_6a94_630a0527f309
  style 18d51aec_8d26_a819_8f35_582a8499968c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/lifecycle.ts lines 378–392

export function deactivateChildComponent(vm: Component, direct?: boolean) {
  if (direct) {
    vm._directInactive = true
    if (isInInactiveTree(vm)) {
      return
    }
  }
  if (!vm._inactive) {
    vm._inactive = true
    for (let i = 0; i < vm.$children.length; i++) {
      deactivateChildComponent(vm.$children[i])
    }
    callHook(vm, 'deactivated')
  }
}