vue3 Suspense组件

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

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

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

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

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

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

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

相关推荐
李牧九丶1 分钟前
从零学算法1334
前端·算法
1***s6326 分钟前
JavaScript微服务
javascript·微服务·devops
周周爱喝粥呀8 分钟前
UI设计原则和Nielsen 的 10 条可用性原则
前端·ui
小云朵爱编程37 分钟前
Vue项目Iconify的使用以及自定义图标,封装图标选择器
前端·javascript·vue.js
前端大卫40 分钟前
CSS 属性值 initial、unset 和 revert 的解析
前端
shimh_凉茶1 小时前
webpack+vue2打包分析视图插件 webpack-bundle-analyzer
前端·webpack·node.js
P***25391 小时前
JavaScript部署
开发语言·前端·javascript
一只小阿乐1 小时前
react 状态管理mobx中的行为模式
前端·javascript·react.js·mobx·vue开发·react开发
l***O5201 小时前
前端路由历史监听,React与Vue实现
前端·vue.js·react.js
超级战斗鸡1 小时前
React 性能优化教程:useMemo 和 useCallback 的正确使用方式
前端·react.js·性能优化