1、不传参时的写法(官网例子):

const store = new Vuex.Store({
state: {
count: 1
},
mutations: {
increment (state) {
// mutate state
state.count++
}
}
})
store.commit('increment')

2、传一个参数的写法(官网例子):

// ...
mutations: {
increment (state, n) {
state.count += n
}
}
store.commit('increment', 10)

3、传多个参数的写法:

  此时参数不能继续在后面加,后面的参数无效,传进去的参数为undefined;

  官网的解释:In most cases, the payload should be an object so that it can contain multiple fields, and the recorded mutation will also be more descriptive;

  所以,我们可以将参数以对象的方式传进去,多个属性就是多个参数了。

// ...
mutations: {
increment (state, payload) {
state.count += payload.amount1;
state.count += payload.amount2;
state.count += payload.amount3;
state.count += payload.amount4;
} }
store.commit('increment', {
amount1: 10,
amount2: 20,
amount3: 30,
amount4: 40,
}
05-15 02:25