异步组件

刘春龙原创2026/3/5小于 1 分钟

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

注册局部异步组件

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

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

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

<template>
  <HomeView />
</template>

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。