vue 中 keep-alive数据缓存+位置缓存

vue 中 keep-alive数据缓存+位置缓存

很多多项目都有列表缓存的需求。

路由中 ：

src\router\index.js

app中：

src\App.vue

需要缓存的组件中：

src\views\xxx\xxx.vue

keep-alive 在初始化页面的时候会走一次生命周期 当二次进入的时候就已经是缓存状态了 不会在走生命周期。所以它就有了自己的周期函数分别是 ：（并且这两个钩子在服务器渲染期间不会被调用）
1.组件激活时调用–activated
2.组件销毁时调用–deactivated

以上已经完成需求 缓存数据和位置。