vue3中提供了defineAsyncComponent加载异步组件
案例
- components/async.vue
<!-- -->
<template>
<div>
这是一个异步加载的组件
</div>
</template>
<script>
export default {
}
</script>
- demo.vue
<!-- -->
<template>
<asynccmp/>
</template>
<script>
import { defineAsyncComponent } from 'vue'
export default {
components: {
asynccmp: defineAsyncComponent(() =>
import('/@/components/async.vue')
)
}
}
</script>
