vue-router keep-alive

用的vue-router 3.0.1版本，网上搜到的版本都是下面这样

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

不管是把上面v-if 放到 keep-alive 还是 放在router-view 里面，都会有些奇怪都现象，要么设置成 keepAlive false的控件不能加载进去，要么明明设置成keepAlive true 的页面 返回的时候刷新了，估计还是这种写法有问题。

没办法只能换方案了，看到keep-alive 有include 和exclude属性，看字面意思也知道了，include 是包含页面名称做缓存，exclude 是排除名称做缓存，于是改成下面的

<keep-alive :include="['product','book']">
    <router-view></router-view>
</keep-alive>

但页面还是刷新了，路由里已经设置了name了，后来试着在 vue component 中 加个name属性，和data平级，就有效果了。

本文地址：https://blog.csdn.net/jam476/article/details/107878003