须要展现一个长列表,只是单纯展现,不波及数据扭转,这个时候如何去优化性能?
vue 在初始化的时候会遍历 data 中的数据,通过 Object.defineProperty()为每个数据设置 setter 和 getter 办法,这个过程十分消耗性能。
既然无需变动,那就不须要数据变为响应式,即不须要让 Vue 来进行遍历操作。
可用办法有两种:
1、Object.freeze 解冻对象
template 局部
data 局部
methods 局部
2、不将数据搁置到 data 中,而是搁置于与 data/methods/computed 同级,而后 template 中用 $options 来获取数据。
template 局部
数据 和 办法局部
同步更新到本人的语雀
https://www.yuque.com/diracke…