vue3动态组件component的使用

动态组件的使用：

<component v-bind:is="currentTabComponent"></component>

使用的场景：

有些场景会需要多个组件的回来切换，例如Tab页面：

使用：

1.导入组件

2.定义tabs组件数组

3.循环tabs数组

4.定义ref用于操作子组件的方法

当使用 <component :is="..."> 来在多个组件间作切换时，被切换掉的组件会被卸载。

不想销毁的时候可以使用 <keep-alive> 来实现组件的缓存；

整个页面：