輔助函式mapMutations詳細解析

2022-06-07 07:00:12 字數 1291 閱讀 3458

mapmutations是vuex的mutation的輔助函式,用於在元件中對映mutation內的方法,以便在該元件中直接使用mutation裡的方法 (說白了,就是一語法糖)

1.在元件中匯入vuex中的mapmutations:

import from 'vuex'

2.在元件中匯入mutation裡的方法名:

...mapmutations([   //使用es6的拓展運算子

'increase_shopcart',

'decrease_shopcart'

]) //約定將mutation裡的方法名為大寫,並且匯入時要給其加上引號

這一步,是將mutation裡的函式對映到元件裡,在元件裡 :

this.increase_shopcart === this.$store.commit('increase_shopcart') //true

在有引數的情況下,mutation的state預設引數可以省略 :

this.increase_shopcart(id) === this.$store.commit('increase_shopcart',id) //true

舉個栗子:點選btn按鈕增減商品數量

//

shopcart.vue

//template

class="

fl" @click='

decrease(item.id)

'>-

"number

"class="

fl" v-model="

item.count

" >

class="

fl" @click='

increase(item.id)

'>+

//

mutations.js

increase_shopcart(state,id)

})},

decrease_shopcart(state,id)

})}

import  from

'vuex'//

先從vuex裡匯入 mapmutations

methods:

decrease(id)

}

以上。

STL vector 輔助函式

template inline bool operator const vector tp,alloc x,const vector tp,alloc y 判斷相等 template inline bool operator const vector tp,alloc x,const vector ...

oracle輔助函式

oracle 輔助函式 1 decode exp,s1,r1,s2,r2.s,r def 可以把它理解成乙個增強型的if else,只不過它並不通過多行語句,而是在乙個函式內實現if else的功能。exp做為初始引數。s做為對比值,相同則返回r,如果s有多個,則持續遍歷所有s,直到某個條件為真為止...

遊戲輔助函式

游標的控制 移動游標到指定位置 移動游標到指定位置 void gotoxy int x,int y 隱藏游標 隱藏游標 void hide 第乙個指游標高度 1 100 第二個指是否可見光標 0 1 setconsolecursorinfo hout,cursor info 設定控制台游標大小和可見...