前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下 Vuex, Axios 來整合 API 運用。
課程相關資訊
[連結]：https://hiskio.com/courses/286/lectures/22728
本篇範圍：Chapter 10 ( Vuex & API 資料流整合實戰 ) ，一共有 12 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. 若要跟 API 作連動，會在 actions 中先取得資料、處理完後，再取用 mutations 的方法去改變 vuex 的 state 值
2. 善用 axios 本身回傳就是 Promise 的特色，可以運用 async / await 搭配，讓程式碼看起來更加簡潔
3. isLoading 之類的狀態，放在 vuex 或是頁面 component 中都是可行的，看個人或是專案需求
4. 拆分模組和 API 命名是一開始就需要列入考量了，以應付龐大的專案需求
5. axios 有提供 Interceptors，可以在送出 api 和回傳 api 的階段，來執行資料驗證
