使用mpvue 制作新闻资讯列表的时候，渲染问题
来源：12-10 mounted 和 onShow 的区别
jun6669275
2019-12-06
1、如果出现数据1000条资讯的时候，该怎么优化，‘
2、每次打开一篇新的文章的时候，都会闪现上一篇文章的数据，然后再加载新的页面的数据，体验非常不友好，可以怎么优化？
写回答
1回答
-
你好，以下是我的建议：
1、一次渲染 1000 条数据的场景不应该在小程序中出现，建议将单次渲染的数据量减少，分布加载数据，同时做好图片的懒加载，具体做法参考：https://developers.weixin.qq.com/miniprogram/dev/component/image.html 的 lazy-load 属性
2、造成这个问题的原因是 mpvue 每次加载程序时，会将所有 Vue 实例进行初始化，所以新闻详情页显示过一次后，并没有被销毁，所有数据都被缓存下来了，要解决这个问题，可以在新闻详情页显示前 onShow 生命周期中对数据做一次初始化，并且展示预加载页面，如骨架图等，等数据加载完毕后再显示，也可以在页面隐藏时 onHide 方法中对数据进行清空
00
相似问题