vue之性能优化

1.路由懒加载

所谓路由懒加载，其实就是路由通过import动态引入，而不是在文件最上面一个个全部引入，因为JS执行的时候会优先执行引入的文件，如果一次性引入过多，则会增加处理时长。

2.图片懒加载 

图片在网页加载过程中是非常耗费资源的，所以如果有大量图片需要加载，建议使用懒加载的方式，常用的懒加载依赖包有 vue-lazyload

3.组件懒加载

组件懒加载依赖推荐@xunlei/vue-lazy-component，npm install @xunlei/vue-lazy-component

4.路由缓存 

使用<keep-alive>包裹起来的路由页面可以缓存起来，避免每次加载的时候都要重新渲染

5.合理使用v-if与v-show

有过开发经验的基本都知道二者的区别，由于v-show是通过控制样式去显示隐藏的，不像v-if一样需要控制dom，所以效率是比较高的，在非必要情况下尽量使用v-show

6.第三方依赖按需引入

比如在平时开发中经常用到的UI库，尽量按需引入，一般都UI库也都提供了按需引入的方式

7.使用CDN引入资源

8.ing····