vue keep-alive缓存数据

Vue 的 keep-alive 组件可以缓存组件的状态或数据，使得在组件被销毁后再次访问时，能够快速的恢复之前的状态或数据，提升用户的体验。

keep-alive 组件可以包裹动态组件，并且通过设置 include 和 exclude 属性来控制缓存哪些组件，哪些组件不缓存。

在被缓存的组件中，可以通过 activated 和 deactivated 生命周期钩子函数来控制组件的状态和数据的恢复和清除。

例如，可以在 activated 钩子函数中重新获取数据，而在 deactivated 钩子函数中清除数据，这样就可以在组件被缓存和恢复时，控制数据的正确性。

另外，keep-alive 组件还提供了一个名为 max 的属性，用于控制缓存的最大组件数量，当缓存的组件数量超过 max 时，最早缓存的组件将被销毁，以释放内存。