vue keep-live使用

今天，帮别人解决了一个问题，就是做vue电商项目时，请求分类数据，第二次进入分类页数据缓存了，上一次的数据也在页面中出现。

解决思路

首先，判断数据没有清空。
因为，数据一定进行了缓存。
知道问题，就找到问题发生的地方。

排除

// 引入持久化插件，刷新数据不丢失

import forover from ‘vuex-persistedstate’
持久化插件没问题

最后，app.vue的keep-live使用错误

解决：

<router-view v-if="!$route.meta.keepAlive"/>
 <!-- 路由元信息keepAlice为home组件缓存，其他的不缓存 -->
<keep-alive>
  <router-view v-if="$route.meta.keepAlive"/>
</keep-alive>