vue3.0异步组件

https://blog.csdn.net/weixin_44869002/article/details/113174206

在 Vue 3.x 中，异步组件的导入需要使用辅助函数defineAsyncComponent来进行显式声明


<template>
	<div>
		<h1>Async Components</h1>
		<p>异步组件测试</p>
    <child></child>
	</div>
</template>

<script>
import { defineAsyncComponent } from 'vue'
const child = defineAsyncComponent(() => import('@/components/async-component-child.vue'))

export default {
  name: 'async-components',
  components:{
    'child': child
  }
};
</script>