vue3 异步组件
创始人
2024-01-17 16:28:09
0次

前端开发经常遇到异步的问题，请求函数，链接库，等，都有可能需要通过promise或者async await 来进行异步的一个封装。

异步组件也由此诞生，我用settimeout来模拟一个vue3的异步组件

异步的子组件

按照正常组件使用

页面会有警告，而且组件渲染也失败了，解析了警告的意思，是说这种异步组件需要一个Suspense来包裹一下
在这里插入图片描述
Suspense 是vue3新增的一个内置组件，专门用来处理异步组件的。

异步组件的正确使用方式

Suspense的原理是通过插槽来实现的，一个default和一个fallback。
default里面放置异步组件，fallback里面就放置异步组件未渲染之前的一个样式

有人说vue3中setup不能是异步函数，上面的代码证明，setup可以是异步函数，他们可能不了解Suspense这个内置组件。

async await 的setup函数

父组件通过Suspense使用异步的子组件

最后总结一下，只要将异步组件放在suspense的default插槽中即可。

上一篇：在写生的营地里

下一篇：Mysql实战调优拾遗三

相关内容

热门资讯

我是歌手歌唱比赛主持词 我是歌手歌唱比赛主持词　　小歌手主持词篇一　　A：尊敬的各位领导　　B：敬爱的老师，亲爱的同学们　　...
中秋节联欢晚会主持词 中秋节联欢晚会主持词（精选11篇）　　主持词要注意活动对象，针对活动对象写相应的主持词。我们眼下的社...
初中新生开学欢迎词 初中新生开学欢迎词2017各位初一年全体同学石狮二中敞开胸怀迎接你们，真诚地欢迎你们加入这个大家庭，...
品鉴会主持词 品鉴会主持词　　借鉴诗词和散文诗是主持词的一种写作手法。随着中国在不断地进步，各种集会的节目都通过主...
新年半台词 新年三句半台词　　三句半是一种中国民间群众传统曲艺表演形式。每段内容有三长句一半句。一般由4人演出，...
消夏文艺晚会的主持词 消夏文艺晚会的主持词（精选11篇）　　主持词是主持人在节目进行过程中用于串联节目的串联词。在各种集会...
英雄联盟经典台词 英雄联盟经典台词　　英雄联盟经典台词　　1、正义，要么靠法律，要么靠武力!　　2、你迷失在黑暗之中，...
小学元旦节的主持词 小学元旦节的主持词（精选16篇）　　主持词是主持人在台上表演的灵魂之所在。在当今不断发展的世界，各种...
婚纱走秀主持词 婚纱走秀主持词三篇　　篇一：婚纱走秀演出主持词　　当您披上洁白的婚纱，点亮您一生中最美丽的日子，您是...
医者仁心台词 医者仁心台词大全　　1. 钟立行对丁祖望：我们都在努力做一个能够被人怀念的人。　　2.罗雪樱旁白：从...
《美丽人生》的经典台词 《美丽人生》的经典台词　　意大利电影《美丽人生》，由罗伯托贝尼尼自编自演，讲述了意大利一对犹太父子被...
二年级主持词 二年级主持词　　主持词分为会议主持词、晚会主持词、活动主持词、婚庆主持词等。在一步步向前发展的社会中...
年会的主持词 年会的主持词范文（通用5篇）　　根据活动对象的不同，需要设置不同的主持词。时代不断在进步，主持词是活...
姨妈的后现代生活经典台词分享 姨妈的后现代生活经典台词分享　　吉日良辰当欢笑，为什么鲛珠化泪抛?此时却又明白了，世上何尝尽富豪。也...
学校语文教研活动主持词 学校语文教研活动主持词　　借鉴诗词和散文诗是主持词的一种写作手法。在一步步向前发展的社会中，很多晚会...
六一庆祝大会主持词 六一庆祝大会主持词　　六一就是我们的节日，六一就是一个欢乐的日子，下面小编整理的六一庆祝大会主持词，...
婚礼感谢词 婚礼感谢词(15篇)婚礼感谢词1各位来宾，各位亲友:　　大家晚上好！　　今日是我女儿XXX和女婿XX...
文艺汇演主持词开场白 文艺汇演主持词开场白9篇　　根据活动对象的不同，需要设置不同的主持词。我们眼下的社会，活动集会越来越...
总结大会主持词 　　导语：春去秋回又一栽，似水流年旺年来。　　2017年公司年会主持词　　一.主持人开场白　　男：一...
农村结婚典礼主持词 农村结婚典礼主持词　　一对新人立堂前，两心相印似蜜甜，三生有幸结良缘，下面是小编分享的 农村结婚典礼...