vue keep-alive

keep-alive 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,

防止重复渲染DOM;

包裹动态组件时,会缓存不活动的组件实例,而不是销毁,它是一个抽象的组件不会渲染一个DOM元素,也不会出现在父组件链中。

props:

include:字符串或者是正则表达式,只有匹配的组件会被缓存

exclude:字符串或者是正则表达式,任何匹配的组件都不会被缓存

max:最多可以缓存几个实例

当组件在 <keep-alive> 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

常见方法:

1 动态路由

2 结合router,缓存部分页面,利用路由的mate,路由元信息

来自:https://www.cnblogs.com/sysuhanyf/p/7454530.html

https://cn.vuejs.org/v2/api/#keep-alive

原文地址:https://www.cnblogs.com/xiaofenguo/p/11307997.html