pruneCacheEntry() — vue Function Reference

Architecture documentation for the pruneCacheEntry() function in keep-alive.ts from the vue codebase.

Function typescript VueCore Observer called by 2

Entity Profile

VueCore→ Observer→ pruneCacheEntry() — vue Function Reference

Dependency Diagram

graph TD
  39fa8cb8_8bff_6bf6_3fde_5a4e81ade2b6["pruneCacheEntry()"]
  302828a5_7155_979e_f7d9_5b26a70fd7d0["keep-alive.ts"]
  39fa8cb8_8bff_6bf6_3fde_5a4e81ade2b6 -->|defined in| 302828a5_7155_979e_f7d9_5b26a70fd7d0
  77419fcd_c2e3_1f02_2ca7_dcad21d4be11["pruneCache()"]
  77419fcd_c2e3_1f02_2ca7_dcad21d4be11 -->|calls| 39fa8cb8_8bff_6bf6_3fde_5a4e81ade2b6
  8299517c_3c53_3155_e3cf_f38d5eb53e6c["default.destroyed()"]
  8299517c_3c53_3155_e3cf_f38d5eb53e6c -->|calls| 39fa8cb8_8bff_6bf6_3fde_5a4e81ade2b6
  style 39fa8cb8_8bff_6bf6_3fde_5a4e81ade2b6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/components/keep-alive.ts lines 57–70

function pruneCacheEntry(
  cache: CacheEntryMap,
  key: string,
  keys: Array<string>,
  current?: VNode
) {
  const entry = cache[key]
  if (entry && (!current || entry.tag !== current.tag)) {
    // @ts-expect-error can be undefined
    entry.componentInstance.$destroy()
  }
  cache[key] = null
  remove(keys, key)
}