前端框架：浅谈Vue性能优化的方法与技巧

小编这一期跟大家讲一下关于优化Vue性能相关的知识，众所周知Vue是一个轻量级的框架，源码仅仅为72.9KB，但是它也有缺点，就是首屏加载会比较慢，因为和传统项目相比，Vue会在首屏加载时加载出所有的组件和插件，并且向服务器请求数据，有时导致首屏加载的时间就会到4，5秒。这样做很明显是在挑战用户的耐心，按照惯例，最好能把加载时间控制在1秒左右。那如何来实现呢，接下来小编讲一下Vue性能优化的两个方向：

一．源码优化

1.代码模块化，咱们可以把很多常用的地方封装成单独的组件，在需要用到的地方直接引用，而不是写过多重复的代码，每一个组件都要明确含义，复用性越高越好，可配置型越强越好，包括咱们的css也可以通过less和sass的自定义css变量来减少重复代码。

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

3.Vue路由设置成懒加载，当首屏渲染的时候，能够加快渲染速度。

4.理解Vue的生命周期，不要造成内部泄漏