vue3 动态异步引入组件

vue3 动态异步引入组件

 <component  :is="componentParam[active] " />
   //一定要引入这个api
import {  defineAsyncComponent } from 'vue'

const active = ref('phone')

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