当前位置: 首页 > Web前端 > vue.js

[Vue]性能优化1-freeze

时间:2023-04-01 02:16:26 vue.js

需要显示一个长列表,简单显示,不涉及数据变化。这时候怎么优化性能呢?Vue初始化时会遍历data中的数据,通过Object.defineProperty()为每条数据设置setter和getter方法。这个过程非常耗费性能。既然不需要改变,就不需要数据变成响应式,也就是不需要Vue进行遍历操作。有两种方法可用:1.object.freeze冻结objecttemplatepartdatapartmethodspart2.数据不要放在data里,而是放在data/methods/computed同级,然后用$options来在模板数据中获取它。模板部分数据和方法部分同步更新到你自己的语雀https://www.yuque.com/diracke...