Vue中的性能优化有哪些

• Vue2 中数据层级不易过深，（会数据劫持每一层都增加getter和setter）.合理设置响应式数据；
• Vue2 非响应式数据可以通过 Object.freeze()方法冻结属性；
• Vue2 中采用函数式组件 -> 函数式组件开销低；
• 使用数据时缓存值的结果，不频繁取值；

const a = reactive({b:1})
for(let i = 0;0<=100;i++){
  a.b+=i
}
//每次都触发取值getter操作 依赖收集等

• 合理设置 Key 属性；
• v-show 和 v-if 的选取；
• 控制组件粒度 -> Vue 采用组件级更新；不然数据一变 真个组件更新
• 采用异步组件 -> 借助构建工具的分包的能力；
• 合理使用keep-alive 、v-once、v-memo 进行逻辑优化；
• 分页、虚拟滚动、时间分片等策略…