componentVNodeHooks.destroy() — vue Function Reference

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

Function typescript CoreInstance Lifecycle calls 1

Entity Profile

CoreInstance→ Lifecycle→ componentVNodeHooks.destroy() — vue Function Reference

Dependency Diagram

graph TD
  f83b642c_4d10_9b5e_4c13_7bff8d222fde["componentVNodeHooks.destroy()"]
  18d51aec_8d26_a819_8f35_582a8499968c["deactivateChildComponent()"]
  f83b642c_4d10_9b5e_4c13_7bff8d222fde -->|calls| 18d51aec_8d26_a819_8f35_582a8499968c
  style f83b642c_4d10_9b5e_4c13_7bff8d222fde 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 */)
      }
    }
  }