【Hello VUE】暴学VUE之代码优化（七）

这一章是讲代码优化，at last，项目的最终形态就完成了。开始撸吧。。。

下载修改好分支v4

使用git命令：git clone -b v4 https://github.com/rongxr/vue-elementui.git

说明：

1. 下载好项目代码后，文件夹\vue-elementui\elementui\vue-elementui\elementui-demo下面是没有下载好项目依赖的，就是没有文件夹node_modules。你可以从之前的项目里面拷贝过来。或者，打开命令窗口，cd到\vue-elementui\elementui\vue-elementui\elementui-demo目录下，执行命令：npm install，重新从网上下载。
2. 主要涉及三个文件夹的文件修改。主要是：把/src/api/index.js功能拆分；/src/components全部转移到/src/views目录，/src/components作为第三方控件目录；新增/src/views目录作为用户控件目录，并且按照功能进行划分。
   /src/api
   /src/components
   /src/views
3. 代码优化思路：模块有很多，而且随着业务的迭代，模块还会会越来越多。所以这里建议根据业务模块来划分 views，并且 将views 和 api 两个模块一一对应，从而方便维护。
   
4. 原来的代码中使用了很多相对路径，现在修改为绝对路径。例如：
   import Axios from ‘…/libs/AxiosPlugin’
   修改为
   import Axios from ‘@/libs/AxiosPlugin’

符号【@】的说明

@代表项目的src位置

后续

说了好久的程序逻辑讲解，从下一章就要开始了。涉及很多vue相关的知识，还有原作者的思路。期待吧。。。

【Hello VUE】暴学VUE之代码讲解（八）