20.vue的性能优化

50 阅读1分钟

数据层级不宜过深,合理设置响应式数据

通过Object.freeze()方法冻结不需要响应式的数据

使用数据时缓存值的结果,不频繁取值

v-for合理设置key,尽量不使用index

v-show和v-if的选取

控制组件粒度,合理拆分组件

vue2可以采用函数式组件

异步组件,利用es6的import,webpack打包会分包

使用keep-alive缓存组件

分页、虚拟滚动、时间分片等策略