vue3 解决各场景 loading过度 ,避免白屏尴尬!
Ⅰ、前言
当我们每次打卡页面,切换路由,甚至于异步组件,都会有一个等待的时间 ;
为了不白屏,提高用户体验,添加一个 loading 过度动画是 非常 常见的 ;
那么这几种场景我们应该把 loading 加在哪里呢 ?
Ⅱ、vue3 常见过度
针对以下 3 种情况 做了一下整理 👇
① 首次打开页面时;② 路由切换时;③ 异步组件显示时;
1、 首次打开页面时 loading
在页面首次打开的加载内容,是最容易的,通过根目录 index.htm