欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vuex?mutations的兩種調(diào)用方法小結(jié)

 更新時間：2022年03月28日 11:21:43   作者：程序員徐小白  
這篇文章主要介紹了vuex?mutations的兩種調(diào)用方法小結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

mutations的調(diào)用方法

直接通過$store.commit調(diào)用

<button @click="$store.commit('mutations中的方法名','可帶參數(shù)')">調(diào)用</button>

不需要再進行其他配置

通過在methods中注冊方法調(diào)用

//先引入mapMutations
import {mapMutations} from 'vuex'
export default {
? ? data(){
? ? ? ? return{
? ? ? ? ? ? msg:"hello vuex"
? ? ? ? }
? ? },
? ? //注冊方法，三個.是屬性展開符，可以將mapMutations中的方法展開后放入methods中，就可以直接調(diào)用了
? ? methods:{
? ? ? ? ...mapMutations(['mutations中的方法名稱'])
? ? }
}
<button @click="mutations中的方法名稱('可帶參數(shù)')">-</button>

細數(shù)mutations的用法

為什么要用mutations

使用mutations的好處是可以跟蹤到是哪里調(diào)用了mutations里的方法，在嚴格模式下調(diào)用mutations也不會報錯。

如果用其它方法的話上面說的兩個好處都不存在。

用法

先定義個mutations對象，然后定義指定的方法就可以了，很簡單，代碼示例：

 ? state: {
? ? ? ? isHome: true
? ? },
?
? ? mutations: {
? ? ? ? changeIsHome(state) { ? ? ? ?// 這里將state傳進來了
? ? ? ? ? ? state.isHome = false
? ? ? ? }
? ? }

在stote.js中定義好mutations方法之后，就在vue中觸發(fā)事件的時候調(diào)用mutations方法就可以了，調(diào)用方法示例：

? // 這里示例是在created方法中觸發(fā)mutations方法
? created() {
? ? this.$store.commit('changeIsHome') ? ?// 這就是調(diào)用的方法
? },

執(zhí)行：this.$store.commit('changeIsHome')；就可以調(diào)用mutations方法了。

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論