使用vue渲染大量数据时应该怎么优化?
2024-10-21 11:51:11
Object.freeze
适合一些 big data的业务场景。尤其是做管理后台的时候,经常会有一些超大数据量的 table,或者一个含有 n 多数据的图表,这种数据量很大的东西使用起来最明显的感受就是卡。但其实很多时候其实这些数据其实并不需要响应式变化,这时候你就可以使用 Object.freeze 方法了,它可以冻结一个对象(注意它不并是 vue 特有的 api)。
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter,它们让 Vue 能进行追踪依赖,在属性被访问和修改时通知变化。
使用了 Object.freeze 之后,不仅可以减少 observer 的开销,还能减少不少内存开销。 使用方式:this.item = Object.freeze(Object.assign({}, this.item))
最新文章
- iOS开发系列文章(持续更新……)
- Linux C 文件操作,系统调用 -- open()、read() 和 标准I/O库 -- fopen()、fread()
- linux命令行netstat总结
- JQuery好用的日期选择控件 DatePicker
- HTML5_input_file_打开很慢的问题
- linux nginx搭配https
- MIP 脚本域名地址变更公告
- xxnet to google部署
- 【Luogu4719】动态dp
- python爬虫爬取页面源码在本页面展示
- .Net Standard HttpClient封装Htt请求常用操作整理
- 微信小程序初窥-环境搭建
- Android 演示 DownloadManager——Android 下载 apk 包并安装
- 对Java中使用两个大括号进行初始化的理解
- 如何使用firebug
- Alberta family's QR code is world's largest corn maze
- kafka+storm+hbase
- [Django学习]模型
- [QT_OPENCV] qt下opencv配置以及首个opencv工程
- abp AutoMap Custom Mapping