vue3 Suspense组件

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

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

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

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

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

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

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

相关推荐
用户62960593247053 分钟前
从“浏览器根本区分不了”到真正实现:刷新不退出,关闭标签页自动退出,前端判断浏览器关闭和刷新
前端
qetfw5 分钟前
MWU:Vue 3 + FastAPI 的 MaaFramework 跨平台 WebUI 源码
前端·vue.js·python·fastapi·开源项目·效率工具
mfxcyh6 分钟前
Vue3+Ant Design Vue 实现手动异步文件上传(含大小校验、弹窗上传)
前端·javascript·vue.js
wordbaby7 分钟前
Web端热敏标签打印完整解决方案(QZ Tray + 译维A42)
前端
swipe11 分钟前
03|Axios 请求进了后端之后:Controller、Request、Response 是怎么接住它的?
前端·后端·全栈
meilindehuzi_a17 分钟前
Vue3进阶基础:指令修饰符、v-model表单绑定、动态样式、计算属性与侦听器实战
前端·javascript·vue.js
csdn2015_23 分钟前
vue 前端运行命令
前端·javascript·vue.js
swipe23 分钟前
02|从 `pnpm dev` 到 Spring Boot 启动:后端服务到底怎么跑起来?
前端·后端·全栈
swipe36 分钟前
01|前端人第一次打开 Spring Boot 项目,应该先看哪里?
前端·后端·全栈
Cobyte42 分钟前
根据浏览器解析 HTML 的规范实现 HTML 解析器
前端·javascript·vue.js