开门见山
今天主要是给大家带来vue的项目优化,希望可以帮助到大家
代码层面优化
1、合理使用v-if和v-show
2、区分computed和watch的使用
3、v-for 遍历为item添加key
4、v-for遍历避免同时使用v-if
通过addEventListener添加的事件在组件销毁时要用removeEventListener手动移除这些事件的监听
5、图片懒加载
6、路由懒加载
7、第三方插件按需引入
8、SSR服务端渲染,首屏加载速度快,SEo效果好
webpack优化
1、对图片进行压缩
2、使用CommonsChunkPlugin插件提取公共代码o提取组件的CSS
3、优化SourceMap
4、构建结果输出分析,利用webpack-bundle-analyzer可视化分析工具
谢谢观看,如有不足,敬请指教