vuex中mapActions用法詳解

2021-10-01 19:17:26 字數 393 閱讀 9433

一般而言,我們使用this.$store.dispatch('***')來觸發action操作,有多少action需要被觸發,就需要寫多少個this.$store.dispatch('')方法;

從而更加簡便的方式出現了,他就是mapactions,mapactions就是將元件中的事件函式對映為對應的action,其中事件函式名稱與action名稱應該是一樣的,寫法如下:

mapactions:(['increament','decreament']),其中increament,decreament是事件函式名稱與action名稱。這樣就不用寫多個this.$store.dispatch('')語句了。

map簡單理解為分發。dispatch也是分發的意思。如何分發?通過對映!如何對映?通過同名事件函式與action。

vue之 mapActions的使用

1actions decrement 是物件解構賦值,因為action裡面的方法預設接受乙個引數context,context是store的乙個例項,這個例項是乙個物件,改寫法是表明使用context中的commit方法。es6的語法 簡寫 mapactions 實際上的寫法 methods add...

Vuex中的模組

如果使用子模組中的state 就要寫 this.store.state.模組名.子模組的屬性 如果是子模組中的getter this.store.getter.getter屬性名 根模組中的getter有兩個引數 state,getter 子模組中的getter可以有三個引數分別是 state,ge...

Vuex 核心屬性 中

mutation同步函式 在mutations 中 使用非同步操作的話,頁面上devtools工具無法跟蹤資訊。所以在mutations中的方法必須是同步方法 action的基本定義 我們強調,不要再mutation中進行非同步操作,但再某些情況下,我們確實希望再vuex中使用非同步操作 網路請求等...