异步动态引入组件

// vue3 写法
<component  :is="componentParam[active] " />

// 引入api
import {  defineAsyncComponent } from 'vue'

const active = ref('b')

const componentParam={
  card:defineAsyncComponent(() => import('./a.vue')),
  phone:defineAsyncComponent(() => import('./b.vue')),
  message:defineAsyncComponent(() => import('./c.vue'))
}