Skip to content

41.Vue 中的性能优化有哪些?

  • Vue2 中数据层级不易过深,合理设置响应式数据;
  • Vue2 非响应式数据可以通过 Object.freeze()方法冻结属性;
  • Vue2 中采用函数式组件 -> 函数式组件开销低;
  • 使用数据时缓存值的结果,不频繁取值;
  • 合理设置 Key 属性;
  • v-showv-if 的选取;
  • 控制组件粒度 -> Vue 采用组件级更新;
  • 采用异步组件 -> 借助构建工具的分包的能力;
  • 合理使用keep-alivev-oncev-memo 进行逻辑优化;
  • 分页、虚拟滚动、时间分片等策略...

Released under the MIT License.