这篇文章主要讲解了“Vue3中的异步组件defineAsyncComponentAPI怎么使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Vue3中的异步组件defineAsyncComponentAPI怎么使用”吧！defineAsyncComponent方法接收一个工厂函数是它的基本用法，这个工厂函数必须返回一个Promise，Promise的resolve应该返回一个组件。我们这里以Vue 免费云主机域名Cli创建的项目为例，这里我稍微做了一下修改，将头部的图片拆分为一个组件，代码如下：现在我们就将import延迟执行，示例代码如下：当2s后才会加载defineAsyncComponent方法也可以接收一个对象作为参数，该对象中有如下几个参数：loader：同工厂函数；loadingComponent：加载异步组件时展示的组件；errorComponent：加载组件失败时展示的组件；delay：显示loadingComponent之前的延迟时间，单位毫秒，默认200毫秒；timeout：如果提供了timeout，并且加载组件的时间超过了设定值，将显示错误组件，默认值为Infinity（单位毫秒）；suspensible：异步组件可以退出onError：一个函数，该函数包含4个参数，分别是error、retry、fail和attempts，这4个参数分别是错误对象、重新加载的函数、加载程序结束的函数、已经重试的次数。如下代码展示defineAsyncComponent方法的对象类型参数的用法：上面的代码中，我们加载组件时前两次会请求错误，只有第三次加载才会成功，如果加载失败则会展示ErrorComponent组件。感谢各位的阅读，以上就是“Vue3中的异步组件defineAsyncComponentAPI怎么使用”的内容了，经过本文的学习后，相信大家对Vue3中的异步组件defineAsyncComponentAPI怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
这篇“ES6块级作用域是什么及怎么应用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“ES6块级作用域是什么及怎么应用”文章吧。ES6 中新增了块…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
