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