使用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>
学而不思则罔,思而不学则殆!