vue3如使用vuex中mutations中写好的方法

在 Vue 3 中，使用 Vuex 的方式与 Vue 2 中基本相同。首先需要在项目中安装 Vuex：`npm install vuex`。

然后在创建 Vue 应用时引入 Vuex 并将其挂载到应用中：

import { createApp } from 'vue'
import App from './App.vue'
import store from './store'

createApp(App).use(store).mount('#app')

其中，`store` 是 Vuex 的实例，需要在 `store.js` 中定义。

在 `store.js` 中，可以定义状态、getters、mutations、actions 等。

如果要在组件中使用 mutations 中的方法，可以通过 `mapMutations` 辅助函数将 mutations 映射到组件的 methods 中。

import { mapMutations } from 'vuex'

export default {
  methods: {
    ...mapMutations({
      increment: 'increment' // 将 mutations 中的 increment 映射到组件中的 increment 方法
    })
  }
}

然后就可以在组件中像调用普通方法一样调用 mutations 中的方法了：

this.increment()