vuejs项目页面加载慢的问题

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

回答:

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

回答:

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

回答:

异步原因,做骨架屏吧

回答:

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

回答:

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

回答:

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

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

回答:

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

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

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注