动画
- 利用 Animate.css 做一些简单的动画效果,例如hover动画。
- 利用js的动画库(例如著名的GSAP)做一些复杂动画,例如 scrolling滚动动画等。
- 利用 vue 提供的transition组件,为页面增加切换动画。
提供加载态
用户在资源加载的过程中,提供一些loading标志,包括骨架动画等。
在不用 <Suspense>
的情况下,每一个组件都需要自己去处理 loading/error/loaded 状态,例如用v-if/v-else来控制spinner.
Vue 3中引入的<Suspense>
内部组件,可以实现异步资源加载状态的统一编排。
网友评论