Modules

由於使用單一狀態樹（single state tree)，應用的所有狀態會集中到一個比較大的物件，當應用變得非常複雜時， store 物件可能變得非常臃腫。

Actions

Actions 類似於 mutations，但仍然有些不同：

Mutations

提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件（event），每個 mutation 都有一個字串的  事件類型 (type) 和一個回調函數 (handler)， handler 就是我們實際進行狀態更改的地方，並且他會接受 state 作為第一個參數。

合併使用

我們在實際開發時， computed 內容並不會像前兩章的範例那樣簡單，有時我們需要將本地組件的 computed 或是 mapState 與 mapGetters 混合使用。通常我們要使用一個工具函數將多個物件合併為一個，以使我們可以將最終的物件傳給 computed 屬性，但自從有了物件展開運算符，我們就可以將寫法大大的簡化。

Getter

為什麼需要使用 getters ？

在某些時候我們需要 computed store` 中的 state ，例如在 to do list 內取得完成的數量。

State

單一狀態樹 (Single State Tree)

Vuex 使用單一狀態樹，這是一個物件包含了全部應用層的狀態與供應單一數據來源 (Single source of truth)，這代表通常你每個應用只會有一個 store 。單一狀態樹讓我們可以直接指定 state 其中的一項並讓我們能夠輕鬆的得到目前應用程式的狀態與快照 (snapshots)。

當我們用 vue-cli 建立好專案後，我們在 src/main.js 內修改程式碼：

以下列出幾種安裝 Vuex 的方式：

什麼是 Vuex ？

Vuex 是一個專為 Vue.js 來做使用的狀態管理模式與文庫，它作為應用程序中所有組件的集中存儲區，並在規則下確保只能以可預測的方式對狀態進行變更。

在使用 vue-cli 建立專案時，也會詢問是否要使用 ESLint ，基於開發時避免一些JS的較為特殊的錯誤，建議還是使用 ESLint 來規範程式碼。但是開發中總是會有比較特殊的需求 ESLint 是沒辦法符合的，所以這時我們要加入一些設定來忽略掉錯誤，以下使用程式碼來做教學。