Vue3 defineAsyncComponent API如何使用才能实现异步组件的加载？

本文共计1308个文字，预计阅读时间需要6分钟。

目录 + 前言 + 递归工厂函数作为参数 + 递归对象类型作为参数 + 总结 + 前言 + 当我们的项目达到一定规模时，对于某些组件，我们并不希望一开始就全部加载，而是需要根据需要时才进行加载；

目录

• 前言
• 传递工厂函数作为参数
• 传递对象类型作为参数
• 总结

前言

当我们的项目达到一定的规模时，对于某些组件来说，我们并不希望一开始全部加载，而是需要的时候进行加载；这样的做得目的可以很好的提高用户体验。

为了实现这个功能，Vue3中为我们提供了一个方法，即defineAsyncComponent，这个方法可以传递两种类型的参数，分别是函数类型和对象类型，接下来我们分别学习。

传递工厂函数作为参数

defineAsyncComponent方法接收一个工厂函数是它的基本用法，这个工厂函数必须返回一个Promise，Promise的resolve应该返回一个组件。