default.mounted() — vue Function Reference

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

Function typescript VueCore Observer calls 2

Entity Profile

VueCore→ Observer→ default.mounted() — vue Function Reference

Dependency Diagram

graph TD
  64fb886a_b184_1d61_f5f0_e81d03183da4["default.mounted()"]
  302828a5_7155_979e_f7d9_5b26a70fd7d0["keep-alive.ts"]
  64fb886a_b184_1d61_f5f0_e81d03183da4 -->|defined in| 302828a5_7155_979e_f7d9_5b26a70fd7d0
  77419fcd_c2e3_1f02_2ca7_dcad21d4be11["pruneCache()"]
  64fb886a_b184_1d61_f5f0_e81d03183da4 -->|calls| 77419fcd_c2e3_1f02_2ca7_dcad21d4be11
  7148fd83_ca43_5e18_2c2e_12a141f3eda2["matches()"]
  64fb886a_b184_1d61_f5f0_e81d03183da4 -->|calls| 7148fd83_ca43_5e18_2c2e_12a141f3eda2
  style 64fb886a_b184_1d61_f5f0_e81d03183da4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/components/keep-alive.ts lines 116–124

  mounted() {
    this.cacheVNode()
    this.$watch('include', val => {
      pruneCache(this, name => matches(val, name))
    })
    this.$watch('exclude', val => {
      pruneCache(this, name => !matches(val, name))
    })
  },