Vue之异步加载 数据加载很慢的情况

数据挂载很慢

有些数据需要加载很长时间，挂载很慢
废话不多说先上图

• 在开发中,经常遇到这种情况，静态页面已经挂在上了 但是数据还没加载上 解决办法 在总的div上设置

<div v-if='xxx.length!==0'>
xxxxx
xxx
xx
</div>

• 加载的数据是xxx 当xxx的获取不到则不显示 这样就会静态页面和加载的数据一起显示了，但是页面加载时间较长。
• 所以我们就可以使用loading动画来提升用户体验