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