componentVNodeHooks.destroy() — vue Function Reference

Architecture documentation for the componentVNodeHooks.destroy() function in create-component.ts from the vue codebase.

Function typescript CoreRuntime Instance calls 1

Entity Profile

CoreRuntime→ Instance→ componentVNodeHooks.destroy() — vue Function Reference

Dependency Diagram

graph TD
  16383a0e_8f50_14ea_3a74_247e72ad3179["componentVNodeHooks.destroy()"]
  a6875054_df8a_0ce4_8a16_374ce422dc53["create-component.ts"]
  16383a0e_8f50_14ea_3a74_247e72ad3179 -->|defined in| a6875054_df8a_0ce4_8a16_374ce422dc53
  043a558f_df1f_5f57_8b30_ee24fc5b407f["deactivateChildComponent()"]
  16383a0e_8f50_14ea_3a74_247e72ad3179 -->|calls| 043a558f_df1f_5f57_8b30_ee24fc5b407f
  style 16383a0e_8f50_14ea_3a74_247e72ad3179 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-component.ts lines 87–96

  destroy(vnode: MountedComponentVNode) {
    const { componentInstance } = vnode
    if (!componentInstance._isDestroyed) {
      if (!vnode.data.keepAlive) {
        componentInstance.$destroy()
      } else {
        deactivateChildComponent(componentInstance, true /* direct */)
      }
    }
  }