vue3 Suspense组件

当等待数据的时间比开发人员希望的时间要长时在Vue3中无须自定义代码即可实现

只需要通过Suspense组件管理这一过程。

该组件除了可以给定默认加载数据后的渲染视图,还可以设置加载数据时的应急视图。

例如,在数据加载过程中,会先显示fallback中加载数据时的应急装置组件;在数据加载完毕后,再显示default中默认的渲染视图组件

复制代码
<template>
<Suspense>
<template #default>
<!--默认加载数据后的渲染视图组件--><data-view /></template>
<template #fallback>

<loading-gears /></template></Suspense></template>

也就是说,在Vue3中,开发人员并不需要关心数据加载的状态,新的Vue组合式API将了解组件的当前状态,而且它能够区分组件是正在加载还是已准备好显示。

相关推荐
山楂树の2 小时前
前端实时渲染性能优化 使用cocoRLE编码进行图像传输并着色绘制
前端·图像处理·实时互动
程序员祥云2 小时前
云希谷技术面
前端
疯笔码良2 小时前
Vue + Echarts 实现科技感数据大屏
vue.js·echarts
一 乐2 小时前
心理健康管理|基于springboot + vue心理健康管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
G***E3162 小时前
重塑前端的力量:从界面承载到体验驱动的全链路能力进化
前端
HIT_Weston2 小时前
60、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(四)
前端·ubuntu·gitlab
G***E3162 小时前
前端技术的下一场深变:从工程化到智能化的全面升级
前端
前端小端长2 小时前
深入理解Composition API与Vue3.0响应式原理
开发语言·javascript
计算机毕设VX:Fegn089510 小时前
计算机毕业设计|基于springboot + vue图书商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
哆啦A梦158811 小时前
商城后台管理系统 03 登录布局
javascript·vue.js·elementui