vue 3 中异步组件需用 defineasynccomponent 创建并配合 使用，后者自动等待组件加载和 async setup 完成；fallback 推荐骨架屏而非纯文字或 spinner；必须严格提供 #default 和 #fallback 插槽。
Vue 3 的 script setup 中处理异步组件，核心是两件事：定义异步组件 + 用 <suspense></suspense> 统一接管加载状态。它不依赖手动维护 loading 变量，而是靠 Vue 内部的异步边界机制自动协调——只要子组件在加载或 setup 还没 resolve，<suspense></suspense> 就一直显示 fallback。
怎么定义一个可被 Suspense 感知的异步组件
必须通过 defineAsyncComponent 创建，不能直接 import 后使用。因为只有它会返回一个“懒加载 Promise”，<suspense></suspense> 才能监听其 pending 状态。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章