Vue 项目如何性能优化
• 懒加载
路由懒加载就是按需加载,不会让项目刚开始运行速度就很慢,能大大的优化用户体验图片懒加载
<img v-lazy="1.jpg">
• 代码优化
O 封装组件和函数,提高代码复用率
O 减少本地存储的使用
O 减少 watch 使用:watch 监听大量状态时会让浏览器出现卡顿
O 使用 v-if 代替 v-show :用户体验优化
O 添加 loading:当用户需要等待时间较长时,必须添加等待 loading
O 路由逻辑
O 样式统一
O 滚动组件的使用