第一步 在app中设置需要缓存的div

//缓存的页面

//缓存
<keep-alive>
  <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>

//不缓存的页面
<router-view v-if="!$route.meta.keepAlive"></router-view>



第二步 在路由router.js中设置.vue页面是否需要缓存




第三步



第四步
当引入keep-alive的时候，页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。

当再次进入（前进或者后退）时，只触发activated。



第五步
默认执行这个方法