【vue】keep-alive

keep-alive他是vue的内置组件，可以把它包着的组件保留状态

1.两个参数
include：字符串或正则表达式，可以缓存名称匹配的组件
exclude：字符串或正则表达式，任何匹配的组件都不缓存

2、在 router-view 上使用可以缓存该路由组件

<keep-alive include="Home">
 	<router-view></router-view> 
</keep-alive>

keep-alive缓存在内存中，会增加浏览器负荷，数据不会实时更新 适合用来缓存不需要实时更新的组件，这样可以保留组件状态避免重新渲染

解决缓存问题数据不更新： 在vuex中设置状态，动态绑定 include 值，在登录的时候缓存需要缓存的组件，在退出的时候，清除需要刷新的组件（效果很理想，也顺带解决了加载数据时，数据闪现的情况）