vue项目优化

1.vue-router优化

路由懒加载
因为在打包构建应用的时候，js包会特别大，
影响页面的加载速度，所以需要把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样比较高效。
是结合了vue的异步组件技术和webpack的代码分割功能，实现路由的懒加载

2.http优化

http协议定义的是：
web客户端如何从服务器请求web页面，以及服务器如何把web页面传送给客户端，
浏览器请求数据通过http链接完成，因此http连接优化是web项目优化的重要方向之一
1.减少http请求
合并css，js，图片
合理规划api，将可合并的接口请求合并，
浏览器对并发的http请求数量有限制，即使api相应很对，在多个接口并发请求时，仍会在浏览器中造成不同程度的卡顿
2.合理使用缓存
合理设置http缓存，因浏览器请求时，有缓存的话，会直接读取缓存并呈现，效率高，呈现速度快，
恰当的缓存设置可以大大减少http请求，节省带宽，
3.图片懒加载
首屏加载-图片懒加载技术-到可视区域再加载
适用场景，一个页面有很多图片，首屏出现的也就一两张，如果一次性加载所有的图片，影响页面渲染速度，浪费带宽

3. 组件优化

大部分业务或管理系统中&#