vuex狀態管理

State:

vuex中的數據源,咱們須要保存的數據就保存在這裏,能夠在頁面經過 this.$store.state來獲取咱們定義的數據;vue

Getters:

Getter至關於vue中的computed計算屬性,getter 的返回值會根據它的依賴被緩存起來,且只有當它的依賴值發生了改變纔會被從新計算,這裏咱們能夠經過定義vuex的Getter來獲取,Getters 能夠用於監聽、state中的值的變化,返回計算後的結果。vuex

Mutations:

更改 Vuex 的 store 中的狀態的惟一方法是提交 mutation。Vuex 中的 mutation 很是相似於事件:每一個 mutation 都有一個字符串的 事件類型 (type) 和 一個 回調函數 (handler)。這個回調函數就是咱們實際進行狀態更改的地方,而且它會接受 state 做爲第一個參數。且是同步函數緩存

Action:

Action 提交的是 mutation,而不是直接變動狀態。能夠包含任意異步操做。異步

Module:

每一個模塊擁有本身的 state、mutation、action、getter、甚至是嵌套子模塊——從上至下進行一樣方式的分割函數

輔助函數

mapState:

爲了解決當一個組件須要獲取多個狀態時候,將這些狀態都聲明爲計算屬性會有些重複和冗餘。此函數返回的是一個對象。this

mapGetters: 

是將 store 中的 getter 映射到局部計算屬性spa

相關文章
相關標籤/搜索