场景：一个list列表的渲染
如图
之前采取的是一把梭的形式，全部由一个接口去获取所有的数据，由于后台搭建数据库的设计，到后期由于数据量比较庞大，后台查询的时候就会超时，然后我这边就GG了。
优化：后台通过接口A只返回给我每个list元素的id，然后通过id去调用另外一个接口B去渲染剩下的数据。
第一次尝试：由于项目是用vue写的，渲染的时候用的v-for，而且考虑到后台做了分页，我这边直接把A接口返回的数组arr拿去渲染了，当然最开始最有一个id，通过遍历arr拿到ID异步请求接口B获取的其他数据直接通过obj.xxx = xxx的形式填充arr,发现页面没有渲染完成，查完资料才发现并没有检测到数组的更新，所以页面不会重新渲染。
第二次尝试：主要就是解决检测数组更新的方法，哎呀 我太懒了不想写了点击这里
主要就是非变异方法的检测，溜了溜了
example1.items.splice(indexOfItem, 1, newValue)就搞定了
场景：一个list列表的渲染 之前采取的是一把梭的形式，全部由一个接口去获取所有的数据，由于后台搭建数据库的设计，...
（一）vue 1.页面加载速度优化 可在页面引入组件时引入异步加载的方式使加载速度变快export default...
懒加载vue-lazyload 链接 vue表达式 解决vue页面加载返回来的数据渲染到页面，之前的css不起作用...
vue路由懒加载 1.vue路由懒加载解决的什么 问题：解决打包后文件过大的问题，从而优化页面加载，提升性能 注意...
关于专题【vue开发音乐App】 页面成功加载数据之前给用户展示一个loading动画（提示正在加载）可以增强用户...
场景：vue路由加载页面时，数据加载慢的时候页面会有闪动的效果，数据加载前和加载后的区别。（特别是el-table...
vue项目首屏加载优化实战 问题 单页面应用的一个问题就是首页加载东西过多，加载时间过长。特别在移动端，单页面应用...
iOS性能优化之页面加载速率 iOS性能优化之页面加载速率
Vue 首屏加载优化 关于 Vue 首屏加载优化的一点总结为什么我们要做三份 Webpack 配置文件 在知乎上我...
vue vue的核心是数据 {{}} {{}}双括号里面的内容vue会到data里面去找。但是缺点是页面加载延迟的...
本文标题：vue关于页面加载数据优化
本文链接：https://www.haomeiwen.com/subject/wewrcftx.html
网友评论