Justnote

在 Vuex 中，一直重複提到一個很重要的觀念就是 mutations 只負責同步的行為，非同步的行為如 AJAX 與 setTimeout 等都是由 actions 來負責

在第一個章節中有提到，在 vuex 中，actions 處理非同步的事件或取得遠端的資料，但不處理資料的狀態，而 mutation 則是改變資料內容的方法，所以上一章節直接更改變數的方式在 vuex 中並不完全正確

這章節會將兩個各自透過變數 Loading 管理 vue-loading-overlay 的元件統一由 store 來管理

Vuex 是用來管理前端網站的資料狀態，適用於規模較大的網站，如果網站規模不夠大，反而是多了限制

synchronous 和 asynchronous 如果將其翻譯成中文的 “同步” 與 “非同步” 反而很容易誤解其含義，同步 synchronous 指的是 one at a time，一次執行一列程式碼並依序執行，非同步 asynchronous 指的是 more than one at a time，同時執行不只一列程式碼