请说明在 Vue 3 项目中，如何通过 defineAsyncComponent 来定义和加载异步组件，并阐述其用法特点。

回答思路

1. 【回答框架 1】defineAsyncComponent 是 Vue 3 提供的用于创建异步组件的 API，它接收一个返回 Promise 的工厂函数，该函数通常调用动态 import 来加载组件。
2. 【回答框架 2】使用方法：const AsyncComp = defineAsyncComponent(() => import('./MyComponent.vue'))，然后在模板中直接使用 <AsyncComp />。
3. 【回答框架 3】它还支持选项对象，可配置 loadingComponent（加载中显示的组件）、errorComponent（错误组件）、delay（延迟显示加载组件的时间）和 timeout（超时时间）。
4. 【回答框架 4】异步组件常用于路由懒加载或大型组件按需加载，以减小初始包体积，提升首屏加载速度。
5. 【关键点 1】defineAsyncComponent 返回一个包装组件，可直接在模板中使用。
6. 【关键点 2】工厂函数必须返回 Promise，动态 import 是常用方式。
7. 【关键点 3】可以通过配置 loading、error、delay、timeout 等选项来增强用户体验。
8. 【关键点 4】异步组件支持配合 Suspense 使用，用于处理异步依赖。
9. 【易错点 1】不要忘记异步组件需要被实际使用，否则可能被 tree-shaking 移除。
10. 【易错点 2】在选项对象中配置 error 组件时，需确保正确接收错误对象。
11. 【易错点 3】如果组件加载失败且未配置 error 组件，会抛出未捕获的错误。