跟小满老师学vue3 第十六章（动态组件）

动态组件：

多个组件共用同一个挂载点，并且可以动态切换。

挂载点使用component标签，然后使用v-bind:is=''组件"切换

用法如下

引入组件

import A from './components/A.vue'
import B from './components/B.vue'

<component :is="A"></component>

通过 is 切换A B组件

当使用 <component :is="..."> 来在多个组件间作切换时，被切换掉的组件会被卸载。我们可以通过 <KeepAlive> 组件强制被切换掉的组件仍然保持“存活”的状态。

使用场景

tab切换居多

注意：

1.Vue2中is通过注册的组件名切换，Vue3中setup 是通过组件实例切换的

2.如果你把组件实例放到Reactive Vue会给你一个警告runtime-core.esm-bundler.js:38 [Vue warn]: Vue receive