KeepAlive

一、功能

在多个组件间动态切换时缓存被移除的组件实例。

二、注意事项

1. <KeepAlive> 包裹动态组件时，会缓存不活跃的组件实例，而不是销毁它们。
2. 任何时候都只能有一个活跃组件实例作为 <KeepAlive> 的直接子节点。
3. 当一个组件在 <KeepAlive> 中被切换时，它的 activated 和 deactivated 生命周期钩子将被调用，用来替代 mounted 和 unmounted。这适用于 <KeepAlive> 的直接子节点及其所有子孙节点。

三、Props

props

interface KeepAliveProps {   /**    * 如果指定，则只有与 `include` 名称    * 匹配的组件才会被缓存。    */   include?: MatchPattern   /**    * 任何名称与 `exclude`    * 匹配的组件都不会被缓存。    */   exclude?: MatchPattern   /**    * 最多可以缓存多少组件实例。    */   max?: number | string } type MatchPattern = string | RegExp | (string | RegExp)[]