- output 編譯輸出目錄
- src 源碼目錄
- - api 接口目錄（按後端controller組織接口對象）
- - assets 圖檔目錄
- - components vue元件目錄
- -- classroom/home/... pages目錄
- --- index.js js代碼
- --- index.less 樣式
- --- index.vue html标簽
- -- Button.vue/Dialog.vue... 共用元件目錄
- - css 通用樣式目錄
- - app.js 程式基本資訊檔案
- - helper.js 幫助角色檔案
- - init.js 程式初始化檔案
- - main.js 主檔案
- - util.js 工具類檔案
- CHANGELOG.md 版本更新曆史
- package.json webpack依賴庫配置檔案
- README.md 項目說明
Q/A
1，如何組織page？
在components目錄下，每一個目錄，即是一個獨立的page，每個page目錄至少包括三個檔案：index.js、index.vue、index.less。
在程式中，一屏即為一個page。
2，如何組織元件？
所有項目共用的、成熟的元件，放在架構第二層中的共享元件庫中。項目中共用的元件，可以直接放在components目錄下。
單頁面使用的元件，直接放在page目錄下。
3，如何組織邏輯代碼？
頁面中所有邏輯代碼均放在index.js檔案中，元件中沒有邏輯代碼，隻有傳入的資料。
我有沒有講明白，有沒有問題，歡迎讨論。