vue-element-admin(1)
阿新 • • 發佈:2019-02-12
一、目錄1. api和view api存放所有的請求,views存放所有的頁面,根據業務模組來劃分views,並且將views和api兩個模組一一對應,從而方便維護。
2. components 存放全域性公用的一些元件,如上傳元件,富文字等等。一些頁面級的元件建議放在各自views檔案下,方便管理。3. store 不要為了用vuex而用vuex,如果業務中的耦合度很低,根本沒有必要用vuex來存放data,每個頁面裡存放自己的data就可以了。當然有些資料還是需要用vuex來統一管理,如登入token,使用者資訊,或者一些全域性個人偏好設定等,使用vuex管理會更加方便。4. 封裝axios 該專案在utils/request.js中封裝了axios,在api檔案中引用就可以使用axios進行資料的獲取了。5. 多環境 vue-cli預設只提供dev(開發)和prod(正式)兩種環境,但是正真的開發流程可能還會多一個sit(測試環境)和stage(預釋出)環境,我們可以自己修改下程式碼ps::在元件中使用this.$store.dispatch('xxx')分發action,或者使用mapActions輔助函式將元件的methods對映為store.dispatch呼叫(需要先在根節點注入store)
2. components 存放全域性公用的一些元件,如上傳元件,富文字等等。一些頁面級的元件建議放在各自views檔案下,方便管理。3. store 不要為了用vuex而用vuex,如果業務中的耦合度很低,根本沒有必要用vuex來存放data,每個頁面裡存放自己的data就可以了。當然有些資料還是需要用vuex來統一管理,如登入token,使用者資訊,或者一些全域性個人偏好設定等,使用vuex管理會更加方便。4. 封裝axios 該專案在utils/request.js中封裝了axios,在api檔案中引用就可以使用axios進行資料的獲取了。5. 多環境 vue-cli預設只提供dev(開發)和prod(正式)兩種環境,但是正真的開發流程可能還會多一個sit(測試環境)和stage(預釋出)環境,我們可以自己修改下程式碼ps::在元件中使用this.$store.dispatch('xxx')分發action,或者使用mapActions輔助函式將元件的methods對映為store.dispatch呼叫(需要先在根節點注入store)