vue3 Suspense组件

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

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

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

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

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

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

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

相关推荐
再学一点就睡5 分钟前
双 Token 认证机制:从原理到实践的完整实现
前端·javascript·后端
随风飞翔的胖子6 分钟前
js-cookie详细介绍及在vue3中的使用方法
vue.js·浏览器
wallflower20207 分钟前
滑动窗口算法在前端开发中的探索与应用
前端·算法
蚂蚁绊大象7 分钟前
flutter第二话题-布局约束
前端
龙在天9 分钟前
我是前端,scss颜色函数你用过吗?
前端
Mapmost16 分钟前
单体化解锁3DGS场景深层交互价值,让3DGS模型真正被用起来!
前端
幻灵尔依43 分钟前
前端编码统一规范
javascript·vue.js·代码规范
欢脱的小猴子43 分钟前
VUE3加载cesium,导入czml的星座后页面卡死BUG 修复
前端·vue.js·bug
高级测试工程师欧阳1 小时前
CSS 基础概念
前端·css·css3
前端小巷子1 小时前
JS 实现图片瀑布流布局
前端·javascript·面试