vue3 Suspense组件

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

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

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

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

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

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

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

相关推荐
LXY2023050425 分钟前
css三角图标
前端·javascript·css
spring_007_9991 小时前
在uniapp中修改打包路径
前端·uni-app
cheese-liang1 小时前
Excel中Address函数的用法
前端·excel
prince_zxill1 小时前
JavaScript 中的 CSS 与页面响应式设计
前端·javascript·css·前端框架·html
苹果醋31 小时前
Kubeflow——K8S的机器学习利器
运维·vue.js·spring boot·nginx·课程设计
林涧泣2 小时前
【Uniapp-Vue3】获取用户状态栏高度和胶囊按钮高度
前端·vue.js·uni-app
领秀58583 小时前
我问了DeepSeek和ChatGPT关于vue中包含几种watch的问题,它们是这么回答的……
前端·javascript·vue.js
prince_zxill3 小时前
使用 Postman 进行 API 测试:从入门到精通
javascript·网络·websocket·测试工具·postman
三原3 小时前
vue3实现可以拖动的弹窗组件, 做这个组件可以学习到什么?
前端·javascript·vue.js
16年上任的CTO3 小时前
vue2-mixin的定义与和使用
前端·javascript·vue.js·mixin