keep-alive
是 Vue
的内置组件,用于缓存组件,避免重复渲染。
12-1.Props
keep-alive
接收的 props
如下:
include
:字符串或正则表达式。只有名称匹配的组件会被缓存。exclude
:字符串或正则表达式。名称匹配的组件不会被缓存。max
:数字。最多可以缓存多少组件实例。
12-2.Lifecycle
keep-alive
包裹的组件,会多出两个生命周期钩子函数:activated
和 deactivated
。
activated
函数在组件被激活时调用。
deactivated
函数在组件被停用时调用。
另外,created
、mounted
、destroyed
等生命周期钩子函数只会执行一次。