vue双向绑定在数据量大的时候,勾选单选 有明显卡顿怎么优化?

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>),好了下面开始说正事:


vue双向绑定在数据量大的时候,勾选单选 有明显卡顿怎么优化

###

数据量大 考虑切片操作 这样vue不会更新所有

###

在数据量很大的时候,这种操作确实会导致页面卡顿,这是因为页面中的节点需要重新渲染,而大量的节点在同一时间进行渲染时是一项巨大的消耗,如果页面中存在 v-if ,建议将其替换为v-showwatchcomputed代替,以此优化性能,还可以采取硬件加速的办法

###

个人觉得,如果数据量大,还是尽量不做绑定比较好。vue让人摆脱重复性的工作,但内部包含太多计算过程了。不如用layer.js直接静态页面做交互,返回个结果值给vue,其实,大多数交互根本不需要动态绑定的那种联动效果,就是最后做个赋值而已。

###

参考 VUE懒加载

郑重声明:本站部分内容转载自网络,版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(QQ/微信153890879)修改或删除,多谢。