Vue Router 中 keep-alive 缓存组件的钩子函数行为分析
使用 Vue Router 的 created、mounted 等）是否会被触发？
根据实际情况，当使用 v-if 等动态切换组件时，即使组件被 v-if 条件改变导致组件被销毁并重新创建，因此 created 和 mounted 等钩子函数会被再次触发。
为了避免这种情况，并精准控制哪些组件被缓存，可以使用 include 属性，明确指定需要缓存的组件。 只有包含在 include 属性中的组件才会被缓存，其他组件在离开时会正常触发生命周期钩子函数。
立即学习“前端免费学习笔记（深入）”；
例如，要缓存名为 "HomeIndex" 的组件，可以这样修改代码：
通过这种方式，只有 HomeIndex 组件会被缓存，其他路由组件在离开时会正常执行 beforeDestroy、destroyed 等钩子函数，而不会被缓存，从而避免了不必要的钩子函数重复触发。 这确保了代码行为的预期一致性。
