Vue的性能优化

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

• 2、不需要响应式的数据不要放到 data 中（可以用 Object.freeze() 冻结数据）
• 3、v-if 和 v-show 区分使用场景
• 3、computed 和 watch 区分使用场景
• 4、v-for 遍历必须加 key，key 最好是 id 值，且避免同时使用 v-if
• 5、大数据列表和表格性能优化-虚拟列表/虚拟表格
• 6、防止内部泄漏，组件销毁后把全局变量和事件销毁
• 7、图片懒加载
• 8、路由懒加载
• 9、第三方插件的按需引入
• 10、适当采用 keep-alive 缓存组件
• 11、防抖、节流运用
• 12、服务端渲染 SSR or 预渲染