vuex使用同步方法

在 Vuex 中，可以使用同步的方式来修改状态(state)。下面是一个简单的示例，演示如何在 Vuex 中定义和使用同步的 mutations 方法：

1. 在 `store` 目录下的 `index.js` 文件中，定义一个 `state` 对象和一个 `mutations` 对象。示例如下：

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++
    },
    decrement(state) {
      state.count--
    }
  }
})

export default store

2. 在组件中，可以通过 `this.$store.commit` 方法来调用 mutations 中定义的方法，从而修改状态。示例如下：

// 引入 Vue 和 Vuex
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['count'])
  },
  methods: {
    increment() {
      this.$store.commit('increment')
    },
    decrement() {
      this.$store.commit('decrement')
    }
  }
}

在上述示例中，`mapState` 是一个辅助函数，可以将 Vuex 的状态映射到组件的计算属性中，这样就可以直接在模板中使用状态了。

在方法中，我们通过 `this.$store.commit` 方法来触发 mutations 中对应的方法，从而修改状态。`commit` 方法的第一个参数是 mutations 中的方法名，后面可以传递额外的参数（如果有）。

这样，当在组件中调用 `increment` 或 `decrement` 方法时，就会触发对应的 mutations 方法，从而修改 state 中的 count 值。

这就是在 Vuex 中使用同步方法来修改状态的基本步骤。通过定义 mutations 并在组件中调用 commit 方法，可以实现同步的状态更新。