deactivateChildComponent() — vue Function Reference

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

Function typescript CoreRuntime InstanceState calls 2 called by 1

Entity Profile

CoreRuntime→ InstanceState→ deactivateChildComponent() — vue Function Reference

Dependency Diagram

graph TD
  1e40b5e4_897b_253f_e139_244ce2b36a54["deactivateChildComponent()"]
  0717636b_c270_54b5_bd70_2a6ec05c91e9["componentVNodeHooks.destroy()"]
  0717636b_c270_54b5_bd70_2a6ec05c91e9 -->|calls| 1e40b5e4_897b_253f_e139_244ce2b36a54
  592ad59c_dc96_0090_45e0_7c78522da42e["isInInactiveTree()"]
  1e40b5e4_897b_253f_e139_244ce2b36a54 -->|calls| 592ad59c_dc96_0090_45e0_7c78522da42e
  a7fb5d54_f5e0_5d73_5f6a_96e6c47acbeb["callHook()"]
  1e40b5e4_897b_253f_e139_244ce2b36a54 -->|calls| a7fb5d54_f5e0_5d73_5f6a_96e6c47acbeb
  style 1e40b5e4_897b_253f_e139_244ce2b36a54 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')
  }
}