vue3 Suspense组件

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

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

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

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

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

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

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

相关推荐
change_fate1 小时前
vue3 懒加载第三方组件
javascript·vue.js·ecmascript
扎瓦斯柯瑞迫1 小时前
Cursor 提示"Too Many Accounts"?一行命令重置机器码
前端·javascript·后端
前端付豪2 小时前
Vue3 响应式来!
前端·javascript·vue.js
芝士麻雀2 小时前
Zustand 深度解析:原理、源码与最佳实践
前端·react.js·前端框架
Dontla2 小时前
JS睡眠函数(JS sleep()函数、JS单线程、Event Loop事件循环)假睡眠
开发语言·javascript·ecmascript
fruge2 小时前
前端性能优化实战指南:从首屏加载到用户体验的全面提升
前端·性能优化·ux
ZYMFZ2 小时前
Redis主从复制与哨兵集群
前端·git·github
lumi.2 小时前
前端本地存储技术笔记:localStorage 与 sessionStorage 详解
前端·javascript·笔记
旧雨散尘2 小时前
【react】初学react5-react脚手架搭建中的小众知识
前端·react.js·前端框架
炫饭第一名2 小时前
🌍🌍🌍字节一面场景题:异步任务调度器
前端·javascript·面试