不忘初心,方得始終
阿新 • • 發佈:2018-12-19
vue 的中文文件https://cn.vuejs.org/v2/api/
很全,這裡不是介紹他的語法,是使用後的個人總結。
專案關鍵詞
- Element 元件庫
- 使用基於promise 封裝的原生 fetch
- bootstrap 樣式庫
- fontawesome 圖示庫
- stylus 語法
- eslint 和 prettier 程式碼風格檢查
- Element 餓了麼出品,已比較完善,樣式封裝、圖示,開發一套專案夠用,主打 VUE 版,同時也有 react、angular 版同時也有 react、angular 版,標籤以
el-
開頭。bootstrap-vue沒有 Element 活躍,標籤以b-
開頭,現在好像已沒有程式碼維護了; bootstrap
樣式庫,可以在引入css
檔案,也可以通過引入bootstrap-vue
來引入樣式;eslint
和pritter
組合使用來約束程式碼規範,vscode 也支援外掛安裝,建議同時安裝 vscode 版外掛,這樣在寫程式碼時就直接給出(經測試不安裝外掛只用依賴方式需要儲存編譯後才會出錯)。在兩者同時使用時注意可能會存在規則衝突,主要是調整配置eslintrc.js
;
vue router 和 vuex
-
vue 單項資料流 引入vuex後
-
vue 的 router 使用感覺很爽
- 路由每一個path都對應一個 componet 來處理
- 許可權控制在路由過濾中處理
router.beforeEach
beforEach
中的回撥來處理,如果沒有許可權,則可呼叫next(/login)
來實現跳轉到登陸介面