【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之代碼講解（八）