keep-alive他是vue的内置组件,可以把它包着的组件保留状态
1.两个参数
include:字符串或正则表达式,可以缓存名称匹配的组件
exclude:字符串或正则表达式,任何匹配的组件都不缓存
2、在 router-view 上使用可以缓存该路由组件
<keep-alive include="Home">
<router-view></router-view>
</keep-alive>
keep-alive缓存在内存中,会增加浏览器负荷,数据不会实时更新 适合用来缓存不需要实时更新的组件,这样可以保留组件状态避免重新渲染
解决缓存问题数据不更新: 在vuex中设置状态,动态绑定 include 值,在登录的时候缓存需要缓存的组件,在退出的时候,清除需要刷新的组件(效果很理想,也顺带解决了加载数据时,数据闪现的情况)