keep-alive 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,
防止重复渲染DOM;
包裹动态组件时,会缓存不活动的组件实例,而不是销毁,它是一个抽象的组件不会渲染一个DOM元素,也不会出现在父组件链中。
props:
include:字符串或者是正则表达式,只有匹配的组件会被缓存
exclude:字符串或者是正则表达式,任何匹配的组件都不会被缓存
max:最多可以缓存几个实例
当组件在 <keep-alive>
内被切换,它的 activated
和 deactivated
这两个生命周期钩子函数将会被对应执行。
常见方法:
1 动态路由
2 结合router,缓存部分页面,利用路由的mate,路由元信息