[Vue] 性能优化1 - freeze 前端vue.js性能优化

需要展示一个长列表，只是单纯展示，不涉及数据改变，这个时候如何去优化性能？
vue在初始化的时候会遍历data中的数据，通过Object.defineProperty()为每个数据设置setter和getter方法，这个过程非常耗费性能。
既然无需变化，那就不需要数据变为响应式，即不需要让Vue来进行遍历操作。
可用方法有两种:
1、Object.freeze冻结对象
template部分

文章图片

data部分

文章图片

methods部分

文章图片

2、不将数据放置到data中，而是放置于与data/methods/computed同级，而后template中用$options来获取数据。
template部分

文章图片

数据和方法部分

文章图片

【[Vue] 性能优化1 - freeze】同步更新到自己的语雀
https://www.yuque.com/diracke...

[Vue] 性能优化1 - freeze

推荐阅读

佳能750d可以换什么样的镜头

面料涤纶里料棉纶的衣服怎么洗面料涤纶里料棉纶的衣服如何洗

快赔和保险有什么区别

mole|预算不超过2000元，要有5g、不卡，朋友们能否给点建议？

崇德老人八字例解（六）

痛风后果严重吗

stm32逻辑分析porta

秋葵焯水要切开不

万能看图王怎么卸载？万能看图王卸载方法

含有近义词的词语含有近义词的词语四字

利用手机QQ无限刷手机上网流量三网通用

新冠疫苗接种后的注意事项打新冠疫苗可以吃生鱼片吗

戒烟的过程中有点心慌是什么情况，要怎么办啊？

得了艾滋病应该怎么办如果患上艾滋病怎么办

夏天如何培养天竺葵盆栽夏天如何培养天竺葵，夏天如何培养天竺葵苗

wi-fi|联想发布 Yoga 7i 翻转本：可选 14/16 英寸屏

分享一下你们最喜欢的微信头像？

《雪鹰领主》进入薪火宫的条件雪鹰领主招募

虚拟主机如何搭建shopex，虚拟主机如何搭建传奇游戏

考研申请书