Vue 性能优化

编码层面

对象层级不要过深，否则性能就会差

减少data的大小

尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcher。
不需要响应式的数据不要放到 data 中（可以用 Object.freeze() 冻结数据）

v-if 和 v-show 区分使用场景

computed 和 watch 区分使用场景

v-for 必须使用key（且保证唯一） 且同时避免 v-if

长列表性能优化

防止内部泄漏，组件销毁后把全局变量和事件销毁

图片资源懒加载

路由懒加载

第三方插件按需引入

异步组件、render组件

防抖节流

Webpack 层面的优化