使用vue渲染大量数据时应该怎么优化?说下你的思路!
-
虚拟列表:vue-virtual-scroll-list,vue-virtual-scroller……
冻结属性,让不必要的属性不响应:Object.freeze
, 或者使用Object.defineProperty
将对象属性的configurable
设置为false
,源码:vue/src/core/observer/index.js -
-
1.如果需要响应式,考虑使用虚表(只渲染要显示的数据);
2.如果不考虑响应式,变量在beforeCreated或created中声明(Object.freeze会导致列表无法增加数据) -
大佬你来啦