异步动态引入组件

一名小学生呀 / 2023-08-28 / 原文

// 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'))
}