default.mounted() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 2

Entity Profile

CompilerSFC→ ScriptAnalyzer→ default.mounted() — vue Function Reference

Dependency Diagram

graph TD
  ae11784e_db7d_8803_d9f6_24ad5ae3a6c2["default.mounted()"]
  df063946_7158_b993_ea79_ae2622374b9a["keep-alive.ts"]
  ae11784e_db7d_8803_d9f6_24ad5ae3a6c2 -->|defined in| df063946_7158_b993_ea79_ae2622374b9a
  01b942f0_662c_7b8b_68bd_6e66b979e573["pruneCache()"]
  ae11784e_db7d_8803_d9f6_24ad5ae3a6c2 -->|calls| 01b942f0_662c_7b8b_68bd_6e66b979e573
  0b551bb7_a819_169d_c90c_6998a28bd742["matches()"]
  ae11784e_db7d_8803_d9f6_24ad5ae3a6c2 -->|calls| 0b551bb7_a819_169d_c90c_6998a28bd742
  style ae11784e_db7d_8803_d9f6_24ad5ae3a6c2 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))
    })
  },