如何在组件中重复使用vuex的mutation

在件中重复使用 Vuex 的 mutation 非常简单。你只需要在组件中导入 Vuex store 对象，然后调用相应的 mutation 即可。

例如，在组件 A 中，你已经定义了一个名为 "SET_NAME" 的 mutation：

mutations: {
  SET_NAME(state, name) {
    state.name = name
  }
}

现在你想在组件 B 中也使用这个 mutation。你只需要在组件 B 中导入 Vuex store 对象，然后调用 "SET_NAME" mutation：

import { mapMutations } from 'vuex'

export default {
  methods: {
    ...mapMutations(['SET_NAME']),
    updateName(name) {
      this.SET_NAME(name)
    }
  }
}

这样，你就可以在组件 B 中重复使用组件 A 中定义的 mutation 了。需要注意的是，"SET_NAME" mutation 必须在 Vuex store 中定义，否则在组件 B 中使用时会报错。