使用defineAsyncComponent解决Vue3中的动态组件不显示问题

参考： https://www.php.cn/faq/562208.html

之前的写法

<component :is='xxx'></component>

异步加载组件

<template>
   <AsyncComponent v-if="item.data" :key="item.data.comId"></AsyncComponent>
</template>
 
<script setup>
  const AsyncComponent = defineAsyncComponent(() => {
    return import ('@/components/DynamicComponents/DynamicCom01.vue')
  })
</script>