关于前端:Vue-性能优化1-freeze

39次阅读

共计 336 个字符,预计需要花费 1 分钟才能阅读完成。

须要展现一个长列表,只是单纯展现,不波及数据扭转,这个时候如何去优化性能?
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…

正文完
 0