1. 程式人生 > >不忘初心,方得始終

不忘初心,方得始終

vue 的中文文件https://cn.vuejs.org/v2/api/很全,這裡不是介紹他的語法,是使用後的個人總結。

專案關鍵詞

  • Element 元件庫
  • 使用基於promise 封裝的原生 fetch
  • bootstrap 樣式庫
  • fontawesome 圖示庫
  • stylus 語法
  • eslint 和 prettier 程式碼風格檢查
  1. Element 餓了麼出品,已比較完善,樣式封裝、圖示,開發一套專案夠用,主打 VUE 版,同時也有 react、angular 版同時也有 react、angular 版,標籤以el-開頭。bootstrap-vue沒有 Element 活躍,標籤以b-開頭,現在好像已沒有程式碼維護了;
  2. bootstrap 樣式庫,可以在引入 css檔案,也可以通過引入 bootstrap-vue來引入樣式;
  3. eslintpritter 組合使用來約束程式碼規範,vscode 也支援外掛安裝,建議同時安裝 vscode 版外掛,這樣在寫程式碼時就直接給出(經測試不安裝外掛只用依賴方式需要儲存編譯後才會出錯)。在兩者同時使用時注意可能會存在規則衝突,主要是調整配置eslintrc.js

vue router 和 vuex

  1. vue 單項資料流 引入vuex後 在這裡插入圖片描述

  2. vue 的 router 使用感覺很爽

    1. 路由每一個path都對應一個 componet 來處理
    2. 許可權控制在路由過濾中處理router.beforeEach
      ,所有請求先有beforEach 中的回撥來處理,如果沒有許可權,則可呼叫next(/login)來實現跳轉到登陸介面