componentVNodeHooks.destroy() — vue Function Reference

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

Function typescript VueCore Instance calls 1

Entity Profile

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

Dependency Diagram

graph TD
  edfb4423_e01b_24f6_7169_819276336b79["componentVNodeHooks.destroy()"]
  82e2e746_8f28_fbf0_8cf7_69eca6423e4a["create-component.ts"]
  edfb4423_e01b_24f6_7169_819276336b79 -->|defined in| 82e2e746_8f28_fbf0_8cf7_69eca6423e4a
  8d2d9489_7b69_4b25_92ee_497afbc2fc3b["deactivateChildComponent()"]
  edfb4423_e01b_24f6_7169_819276336b79 -->|calls| 8d2d9489_7b69_4b25_92ee_497afbc2fc3b
  style edfb4423_e01b_24f6_7169_819276336b79 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 */)
      }
    }
  }