[vue] 使用vue渲染大量数据时应该怎么优化?说下你的思路!
Activity
PanJiaChen commentedon Jul 1, 2019
Object.freeze
xixileng commentedon Jul 1, 2019
1.如果需要响应式,考虑使用虚表(只渲染要显示的数据);
2.如果不考虑响应式,变量在beforeCreated或created中声明(Object.freeze会导致列表无法增加数据)
nazhenhuiyi commentedon Oct 7, 2019
感觉 freeze 是有点多余了,其实本质就是不想要 vue 去观测吧。
sky124380729 commentedon Oct 21, 2019
大佬你来啦
Lizhooh commentedon Apr 13, 2020
做分页,没有必要渲染这么多数据,一个屏幕都看不完。
xiao-fe commentedon May 25, 2020
可以试下可视化渲染
canvascat commentedon Sep 16, 2020
虚拟列表:vue-virtual-scroll-list,vue-virtual-scroller……
冻结属性,让不必要的属性不响应:
Object.freeze
, 或者使用Object.defineProperty
将对象属性的configurable
设置为false
,源码:vue/src/core/observer/index.jshyj443 commentedon Oct 27, 2021
如果你有一个巨大的数组或对象,不需要被观测,他的数据是纯展示的,你又需要写在data里,那就用 Object.freeze去冻结他,Vue在内部会跳过对它的观测