当前位置: 首页 > article >正文

vue3 Suspense组件

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

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

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

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

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

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

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


http://www.kler.cn/a/464512.html

相关文章:

  • Vue3-跨层组件通信Provide/Inject机制详解
  • 【计算机网络】什么是AC和AP?
  • HTML——56.表单发送
  • Unity热更文件比较工具类
  • 开源存储详解-分布式存储与ceph
  • 【QED】kouki与阶乘之间的那些事?
  • 深入探究 Louvain 算法:从原理到实现
  • 电子电器架构 -- 什么是用于ADAS/AD系统的雷达?
  • JAVA创建绘图板JAVA构建主窗口鼠标拖动来绘制线条
  • 第二十五天 项目实践:图像分类
  • python学习笔记—12—
  • 设计模式 创建型 原型模式(Prototype Pattern)与 常见技术框架应用 解析
  • 闪测仪在医用人造骨骼尺寸检测中的革新应用——从2D到3D的全面升级
  • C语言中的隐式转换问题
  • 王老吉药业SRM系统上线 携手隆道共启战略合作新篇章
  • 【优选算法】查找总价格为目标值的两个商品(双指针)
  • Java-数据结构-包装类与泛型
  • YOLO11改进 | 卷积模块 | ECCV2024 小波卷积
  • 英文字体:创意前卫杀手级标题海报封面设计粗体字体 Morne Display
  • swiftui中struct该如何使用?可选字段怎么定义?使用Alamofire发送请求接收responseDecodable相应解析
  • 远场P2P穿越
  • Facebook元宇宙项目中的智能合约应用:提升虚拟空间的自治能力
  • 《探秘计算机视觉与深度学习:开启智能视觉新时代》
  • HTML——30.视频引入
  • Spring Boot 中的 classpath详解
  • 专业高程转换工具 | 海拔高度与椭球高度在线转换系统