vue的性能优化

vue 的性能优化

vue的性能优化分很多种，因为你要是细心的换好多地方都事可以减少代码，完成性能优化。

一.源码优化

1.代码组件化

就是可以将一些重复使用的代码，一些可以重复使用的功能封装成组件，在用的地方引入。

2、for循环设置key值

在用v-for进行数据遍历渲染的时候，为每一项都设置唯一的key值，为了让Vue内部核心代码能更快地找到该条数据，当旧值和新值去对比的时候，可以更快的定位到diff。

3、Vue路由设置成懒加载

当首屏渲染的时候，能够加快渲染速度。

5、可以使用keep-alive

keep-alive是Vue提供的一个比较抽象的组件，用来对组件进行缓存，从而节省性能。

第二种就是打包优化

1.引入的插件

在打代码的过程种为了方便会使用简易的框架，我们使用这些框架每一个都按需引入可以可以减少性能消耗。

2.减少图片的使用

因为对于网页来说，图片会占用很大一部分体积，所以，优化图片的操作可以有效的来加快加载速度。可以用一些css3的效果来代替图片效果，或者使用雪碧图来减少图片的体积。