Vue 18种性能优化方法

1.编码阶段尽量减少data中的数据  data中的数据回增加getter和setter并会收集对应的watcher

2.v-for和v-if不要同时使用

3.如果需要使用v-for给每一项元素绑定事件时请使用事件代理

4.SPA 页面采用 keep - alive 缓存组件

5.在更多的情况下,使用v - show  替代 v - if

6.key 保证唯一

7.使用路由懒加载,异步组件

8.防抖,节流

9.第三方模块按需导入

10.长列表滚动到可视区域动态加载

11.图片懒加载

12.预渲染

13.服务端渲染 SSR

14.打包优化

15.使用cdn加载第三方模块

16.增加Loading用户体验

17.使用骨架屏

18.可以使用客户端缓存,服务端缓存

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容