componentVNodeHooks.destroy() — vue Function Reference

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

Function typescript CoreRuntime GlobalAPI calls 1

Entity Profile

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

Dependency Diagram

graph TD
  0717636b_c270_54b5_bd70_2a6ec05c91e9["componentVNodeHooks.destroy()"]
  1e40b5e4_897b_253f_e139_244ce2b36a54["deactivateChildComponent()"]
  0717636b_c270_54b5_bd70_2a6ec05c91e9 -->|calls| 1e40b5e4_897b_253f_e139_244ce2b36a54
  style 0717636b_c270_54b5_bd70_2a6ec05c91e9 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 */)
      }
    }
  }