vue-optimization

本项目意在通过不同的分支展示不同的优化方式，对vue项目性能的影响，探索vue开发中有显著效果的可行性优化方案(尽可能不改动业务代码)。你可以切换分支，查看git历史，通过比对文件变化，来了解实现的具体细节。

VUE CLI 3 的优化配置请移步这里

当前分支 —— base(基础版本)

通过vue-cli@2生成，只包含最基础的Vue三件套 ———— vue、vue-router、vuex以及常用的element-ui和axios，且只进行简单的使用。直接build，不做任何优化处理，作为参考系。

构建后文件说明：

1. app.css： 压缩合并后的样式文件。
2. app.js：主要包含项目中的App.vue、main.js、router、store等基础代码。
3. vendor.js：主要包含项目依赖的诸如vuex，axios等第三方库的源码，这也是为什么这个文件如此之大的原因，下一步将探索如何优化这一块，毕竟随着项目的开发，依赖的库也能会越来越多。
4. 数字.js：以0、1、2、3等数字开头的js文件，这些文件是各个路由切分出的代码块，因为我拆分了两个路由，并做了路由懒加载，所以出现了0和1两个js文件。
5. mainfest.js：mainfest的英文有清单、名单的意思，该文件包含了加载和处理路由模块的逻辑

禁用缓存，限速为Fast 3G的Network图(运行在本地的nginx服务器上)

可以看到未经优化的base版本在Fast 3G的网络下大概需要7秒多的时间才加载完毕