vue性能优化

1、路由懒加载

2、图片懒加载

安装vue-lazyload插件

//把src改为v-lazy就能实现图片懒加载
<img v-lazy="../xxx.png">

3、keep-alive

　对其包裹的组件进行状态的缓存，使其不被销毁，避免重新渲染。

// include 只缓存组件名字为home的组件，其他组件不会缓存，而exclude恰好相反
<keep-alive include="home">
   <router-view />
</keep-alive>

4、事件的销毁

一般在beforeDestroy生命周期中销毁不需要的已经绑定的自定义事件。

5、第三方组件的按需引入

6、防抖节流

7、减少DOM操作，减少重排重绘

8、合理利用v-show和v-if

9、合理利用computed和watch