vuex的mutations如何传多个传参?

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

 

上一篇:vuex


下一篇:vuex简单存储登录用户数据