vue3 中的内置组件KeepAlive

 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。注意：KeepAlive 只应用于动态组件，静态组件不可以

一、基本使用

1、创建keepAlive 的页面

  defineAsyncComponent 的作用：在需要时从服务器加载相关组件

  markRaw作用:标记一个对象,使其永远不会再成为响应式对象

  应用场景:

• 有些值不应被设置成响应式时,例如复杂的第三方类库等
• 当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能
• 在动态渲染组件的时候我们就可以使用 markRaw 包裹。 

2、childA 组件代码

  在组件中创建新增方法handleClickAdd,修改count的值

3、childB组件代码

使用v-model指令修改msg的值

二、运行效果

运行的效果如下图所示：