deactivateChildComponent() — vue Function Reference

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

Function typescript CoreRuntime Instance calls 2 called by 1

Entity Profile

CoreRuntime→ Instance→ deactivateChildComponent() — vue Function Reference

Dependency Diagram

graph TD
  043a558f_df1f_5f57_8b30_ee24fc5b407f["deactivateChildComponent()"]
  f3560440_54c1_5663_36f8_c7de54d7310b["lifecycle.ts"]
  043a558f_df1f_5f57_8b30_ee24fc5b407f -->|defined in| f3560440_54c1_5663_36f8_c7de54d7310b
  16383a0e_8f50_14ea_3a74_247e72ad3179["componentVNodeHooks.destroy()"]
  16383a0e_8f50_14ea_3a74_247e72ad3179 -->|calls| 043a558f_df1f_5f57_8b30_ee24fc5b407f
  32eb8dc3_904c_0b93_bb4f_9f30bec2f366["isInInactiveTree()"]
  043a558f_df1f_5f57_8b30_ee24fc5b407f -->|calls| 32eb8dc3_904c_0b93_bb4f_9f30bec2f366
  f8064a1e_1b6a_274a_f334_111faf594604["callHook()"]
  043a558f_df1f_5f57_8b30_ee24fc5b407f -->|calls| f8064a1e_1b6a_274a_f334_111faf594604
  style 043a558f_df1f_5f57_8b30_ee24fc5b407f 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')
  }
}