vuex中的mutations使用

在Vuex中，mutations是用来修改state状态的。它们是同步函数，接收两个参数：state和payload。state代表当前的状态对象，而payload是一个传入的参数，它可以是一个对象或值。

你可以通过定义mutations来修改state的值，例如：

// 创建一个名为counter的模块
const counter = {
  state: {
    count: 0
  },
  mutations: {
    increment(state, payload) {
      state.count += payload;
    },
    decrement(state, payload) {
      state.count -= payload;
    }
  }
}

在上面的例子中，我们定义了两个mutations：increment和decrement。它们分别可以增加和减少count的值。使用这些mutations，你可以在组件中通过commit方法来调用它们：

// 在组件中调用mutation
this.$store.commit('counter/increment', 5); // 将count增加5
this.$store.commit('counter/decrement', 3); // 将count减少3

在上面的例子中，我们通过commit方法来调用mutations，并传入了一个payload参数。在mutations中，我们可以通过修改state对象来实现状态的更新。

需要注意的是，mutations只能做同步操作。如果你需要进行异步操作，应该使用actions来代替mutations。同时，在组件中访问state的值时，可以通过`this.$store.state.counter.count`来获取count的值。

希望能帮到你！如有更多问题，请继续提问。