你都做过哪些 Vue 的性能优化？

这里只列举针对 Vue 的性能优化，整个项目的性能优化是一个大工程。对象层级不要过深，否则性能就会差。尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcher不需要响应式的数据不要放在 data 中（可以使用 Object.freeze() 冻结数据）v-if 和 v-show 区分使用场景computed 和 watch 区分场景使用v-for 遍历必须加 key，key最好是id值，且避免同时使用 v-if大数据列表和表格性能优化 - 虚拟列表 / 虚拟表格防止内部泄露，组件销毁后把全局变量和时间销毁如果需要使用v-for给每项元素绑定事件时使用事件代理在更多的情况下，使用v-if替代v-showkey保证唯一使用路由懒加载、异步组件防抖、节流第三方模块按需导入长列表滚动到可视区域动态加载图片懒加载路由懒加载SEO优化预渲染服务端渲染SSR打包优化压缩代码使用cdn加载第三方模块splitChunks抽离公共文件sourceMap优化适当采用 keep-alive 缓存组件防抖、节流的运用服务端渲染 SSR or 预渲染客户端缓存、服务端缓存

DreamCoders/CoderGuide

内容风险标识

评论 (0)

DreamCoders/CoderGuide .gitee-modal { width: 500px !important; }

内容风险标识