KeepAlive 是 Vue 组件中的一个重要功能,主要用于缓存组件,以提升性能和用户体验。
目录
- 一、`KeepAlive` 基本概念
- 二、`KeepAlive` 的核心原理
- 三、`KeepAlive` 关键属性解析
- 1. `include`:指定需要缓存的组件
- 2. `exclude`:指定不需要缓存的组件
- 3. `max`:最大缓存组件数
- 四、`KeepAlive` 生命周期
- 五、具体使用场景
- 六、常见问题及解决方案
- 1. **`activated` 和 `deactivated` 不触发**
- 2. **`keep-alive` 组件缓存过多导致内存占用**
- 3. **如何手动清除缓存**
- 4. **如何手动清除 `keep-alive` 缓存**
- 七、完整示例:结合 Vue Router
- 八、总结