deactivateChildComponent() — vue Function Reference

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

Function typescript VueCore Instance calls 2 called by 1

Entity Profile

VueCore→ Instance→ deactivateChildComponent() — vue Function Reference

Dependency Diagram

graph TD
  8d2d9489_7b69_4b25_92ee_497afbc2fc3b["deactivateChildComponent()"]
  d937f76e_061f_a631_9587_336503c9a15c["lifecycle.ts"]
  8d2d9489_7b69_4b25_92ee_497afbc2fc3b -->|defined in| d937f76e_061f_a631_9587_336503c9a15c
  edfb4423_e01b_24f6_7169_819276336b79["componentVNodeHooks.destroy()"]
  edfb4423_e01b_24f6_7169_819276336b79 -->|calls| 8d2d9489_7b69_4b25_92ee_497afbc2fc3b
  c607d947_ade7_b69c_10cc_97201866a555["isInInactiveTree()"]
  8d2d9489_7b69_4b25_92ee_497afbc2fc3b -->|calls| c607d947_ade7_b69c_10cc_97201866a555
  77ac8989_609a_4755_79eb_0403c1cc7788["callHook()"]
  8d2d9489_7b69_4b25_92ee_497afbc2fc3b -->|calls| 77ac8989_609a_4755_79eb_0403c1cc7788
  style 8d2d9489_7b69_4b25_92ee_497afbc2fc3b 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')
  }
}