前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下如何在 Nuxt 中的 Vuex 使用 module 和 api 處理事項。
課程相關資訊
[連結]：https://hiskio.com/courses/419/lectures/20844
本篇範圍：Chapter 6 ( Vuex 複習與 API 架構使用 ) ，一共有 10 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. 在 Nuxt.js 內的 Vuex Module 新增，僅需要在 store 資料夾內再新增一個資料夾。該資料夾名稱就是 Module 的名稱，然後在裏頭新增一個 index.js 即可。
2. 承上，或是你要在資料夾內，分別新增 actions.js, getters.js, mutations.js 和 state.js，內容直接 export default {} 出來也是可以的
3. 定義 api 的變數名稱，可以透過名稱中加上「相關模組名稱」、「獲取方法，如 GET, POST…等」，來讓日後 api 數量一多時可以一目了然
4. 原生的 axios 有提供攔截器 ( interceptors )，可以在 request 發出前和 response 回傳後，進行統一的處理
5. 若要將 Plugins 注入到 vuex 中，可以在 created 的環節中注入。( 類似 this.$store.$notify = this.$notify )
