Suspense

作者: 抽疯的稻草绳 | 来源:发表于2021-01-06 20:57 被阅读0次

Suspense组件用于在等待某个异步组件解析时显示后备内容。

你可能会想我们会在什么时候使用异步组件?

老实说,超出你的想象。每当我们希望组件等待数据获取时(通常在异步API调用中),我们都可以使用Vue3 Composition API制作异步组件。

以下是异步组件有用的一些实例:

  • 在页面加载之前显示加载动画
  • 显示占位符内容
  • 处理延迟加载的图像
    以前,在Vue2中,我们必须使用条件(例如 v-if 或 v-else)来检查我们的数据是否已加载并显示后备内容。

但是现在,Suspense随Vue3内置了,因此我们不必担心跟踪何时加载数据并呈现相应的内容。

组件

image.png image.png

效果图

image.png

3秒之后显示


image.png

相关文章

  • HOOK

    Suspense

  • 2022-05-11

    React suspense 与 lazy 结合 最近给页面增加骨架屏功能,使用了React的suspense功能...

  • Suspense

    在Vue3中生命周期函数调用一步请求,组件的外部必须使用Suspense标签进行嵌套以等待异步方式的结束,可以进行...

  • suspense

    未完....... 1、作用 异步获取数据,不稳定的 react-cache ,还是用传统的方式比较好 impor...

  • Suspense

    Suspense组件用于在等待某个异步组件解析时显示后备内容。 你可能会想我们会在什么时候使用异步组件? 老实说,...

  • Keep matters for a time in suspe

    Keep matters for a time in suspense.Admireation at their ...

  • Vue 3新引入的Suspense组件介绍

    前言 Suspense是Vue 3新增的内置标签,尽管目前官方文档里并没有Suspense的介绍,但不妨碍我们先学...

  • Vue3 内置组件Suspense

    什么是Suspense Suspense组件可以等待某个异步组件解析完成的前后的显示情况比如一个组件是图片,它里面...

  • WORLDLY WISE

    Keep matters in suspense. Being too obvious is neither us...

  • 毒舌王尔德100句:13-17

    13. This suspense is terrible. I hope it will last. 悬念是可怕...

网友评论

    本文标题:Suspense

    本文链接:https://www.haomeiwen.com/subject/ogvooktx.html