vue3 Suspense组件

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

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

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

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

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

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

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

相关推荐
Mapmost27 分钟前
【高斯泼溅】从一张好照片开始:Mapmost 3DGS建模之图像采集指南
前端
李少兄38 分钟前
解决 Chrome 下载 `.crx` 文件被自动删除及“无法安装扩展程序,因为它使用了不受支持的清单版本”问题
前端·chrome
孟祥_成都43 分钟前
最好的组件库教程又回来了,升级为 headless 组件库!
前端·面试·架构
Man1 小时前
当我们执行 npm run xxx 的时候实际执行逻辑和流程
前端·javascript·前端框架
竹秋…1 小时前
el-table 滚动条小箭头点不了且部分滚动条无法拖动的问题
javascript·vue.js·elementui
曾富贵1 小时前
【eslint】快速配置
前端
阿珊和她的猫1 小时前
Webpack Loader 和 Plugin 实现原理详解
前端·webpack·node.js
做怪小疯子1 小时前
JavaScript 中Array 整理
开发语言·前端·javascript
六元七角八分2 小时前
CSDN文章如何转出为PDF文件保存
开发语言·javascript·pdf
香香爱编程2 小时前
Electron里的electron-window-state 使用
前端·javascript·vue.js·vscode·electron·前端框架