vuejs项目页面加载慢的问题

Question

我要做的页面涉及多个接口。
在页面加载之前有假数据。
页面加载的过程中。页面数据变化的时候。总是慢半拍，怎么解决呢？该不该放假数据呢？

Answer 1

1. 加个loading
2. 等所有异步数据加载完成之后，再显示页面。

Answer 2

假数据不需要，只需要给页面加个加载中的相关提示就行

Answer 3

异步原因，做骨架屏吧

Answer 4

这个大概是异步带来的原因,推荐用async和await,可以解决异步问题

Answer 5

1.接口慢，看下接口返回的时间
2.请求放到created
3.加loading

Answer 6

产生这个问题的原因是生命周期，created时，生成了data，你设置的假数据，mounted，页面渲染了你的假数据，异步请求api接口，返回数据，重新渲染接口数据；

解决的话，一般你页面要直接呈现接口的数据，且不涉及dom操作，基本上请求都是放在created里面的，常说的放在mounted里请求，是因为mounted后，可以操作dom，有些api请求后需要操作dom

Answer 7

先找到慢的原因，具体慢在哪里：
1、接口本身慢，找后端
2、前端渲染慢：

1）考虑懒加载（数据展示）；
2）按需加载（路由+依赖包）；
3）看有没有一些影响性能的代码，比如大数据量的 `$set()` 操作

等等等...
性能优化是个跟经验相关程度较高的工程，平时多看多总结