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, }