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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理