编码层面
对象层级不要过深,否则性能就会差
减少data的大小
尽量减少data中的数据,data中的数据都会增加getter和setter,会收集对应的watcher。
不需要响应式的数据不要放到 data 中(可以用 Object.freeze() 冻结数据)
v-if 和 v-show 区分使用场景
computed 和 watch 区分使用场景
v-for 必须使用key(且保证唯一) 且同时避免 v-if
长列表性能优化
防止内部泄漏,组件销毁后把全局变量和事件销毁
图片资源懒加载
路由懒加载
第三方插件按需引入
异步组件、render组件
防抖节流
Webpack 层面的优化