vue和vue router同时使用keep-alive但不生效的一种情况

所用版本：

vue：2.6.10

vue-router：3.0.6

问题描述：项目中使用vue，并且使用vue router做路由。在需要缓存时引入标签 keep-alive，此时组件仍然不会进行缓存。

分析解决：

    网上有很多其他的情况导致的缓存不生效，这里不再阐述。我遇到对是项目中存在多个<router-view>标签，并且其中存在嵌套。那么在外层的<router-view>上加<keep-alive>标签会导致组件初始化两次，第二次初始化并没有进行缓存。

所以将<keep-alive>移到内层的<router-view>上。