2020年04月01日 14:36供稿中心：北大青鸟总部
Vue也有它自己的缺点，就是首屏加载会比较慢，因为和传统项目相比，Vue会在首屏加载的时候加载出所有的组件和插件，并且向服务器请求数据，导致可能有时候首屏加载的时间就会到4秒、5秒的样子。这很明显是在挑战用户的耐心，按照惯例，最好能把加载时间控制在1秒左右。
接下来小编讲一下Vue性能优化的两个方向源码优化与打包优化：
源码优化
1.代码模块化，咱们可以把很多常用的地方封装成单独的组件。在需要用到的地方引用，而不是写过多重复的代码，每一个组件都要明确含义，复用性越高越好，可配置型越强越好，包括咱们的css也可以通过less和sass的自定义css变量来减少重复代码。
3.Vue路由设置成懒加载。当首屏渲染的时候，能够加快渲染速度。
4.更加理解Vue的生命周期，不要造成内部泄漏，使用过后的全局变量在组件销毁后重新置为null。
打包优化
2.使用cdn的方式外部加载一些资源，比如vue-router、axios等Vue的周边插件,在webpack.config.js里面，externals里面设置一些不必要打包的外部引用模块。然后在入门文件index.html里面通过cdn的方式去引入需要的插件。
最后总结一下，这篇文章小编大概细化了一下关于Vue的一些优化方向，大家一定要记得，对于前端这个岗位来说，性能优化是一个很重要的点，为了让用户体有更好的体验，大家在提升自己技能的同时也要关注这些细小的方面哟~
咨询热线：
4000-9696-28
提交成功，感谢您的反馈。
我们会认真阅读和考虑每个用户的反馈。
京公网安备 11010802020714号