异步组件

在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent方法来实现此功能

注册局部异步组件

注册全局异步组件

首先在 main.ts 文件进行全局注册

import { defineAsyncComponent } from 'vue'
app.component('HomeView', defineAsyncComponent(() =>
  	import('@/components/HomeView.vue')
))

注册的HomeView组件任意地方都能用，无需再次导入，注册的组件名 HomeView

<template> 
	<HomeView />
</template>