系列導航
vue 狀態管理 三、Mutations和Getters用法
一、狀態管理是什么？
可以簡單的將其看成把需要多個組件共享的變量全部存儲在一個對象里面。然后，將這個對象放在頂層的Vue實例中，讓其他組件可以使用。
二、 狀態管理圖例
三Vuex核心的概念:
1、State
State單一狀態樹，就是把一些好多組件都需要的變量放到統一的位置定義，變量變更后所有調用它的地方數據都會變更。
2、Getters
類似於計算屬性
3、Mutation
store狀態的更新唯一方式：提交Mutation
4、Action
Action類似於Mutation, 但是是用來代替Mutation進行異步操作的。
5、Module
Module是模塊的意思, 為什么在Vuex中我們要使用模塊呢?
Vue使用單一狀態樹,那么也意味着很多狀態都會交給Vuex來管理.當應用變得非常復雜時,store對象就有可能變得相當臃腫.為了解決這個問題, Vuex允許我們將store分割成模塊(Module), 而每個模塊擁有自己的state、mutation、action、getters等
后面的章節開始對每個概念進行演示。
四、基本結構
文件：src/store/index.js
import {createStore} from 'vuex'
export default createStore({
state: {},
mutations: {},
getters: {},
actions: {},
modules: {}
})