如何为messageSet中的邮件更新我的Vuex存储

// store.js

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    messageSet: []
  },
  mutations: {
    updateMessageSet(state, newMessageSet) {
      state.messageSet = newMessageSet;
    }
  },
  actions: {
    setMessageSet({ commit }, newMessageSet) {
      commit('updateMessageSet', newMessageSet);
    }
  },
  getters: {
    getMessageSet(state) {
      return state.messageSet;
    }
  }
});

// MyComponent.vue

<template>
  <div>
    <!-- Your component template -->
  </div>
</template>

<script>
import { mapActions } from 'vuex';

export default {
  methods: {
    ...mapActions(['setMessageSet']),
    updateMessageSetInVuex(newMessageSet) {
      this.setMessageSet(newMessageSet);
    }
  }
};
</script>

// MyComponent.vue

<template>
  <div>
    <button @click="updateMessageSetInVuex(newMessageSet)">更新邮件</button>
  </div>
</template>

<script>
import { mapActions } from 'vuex';

export default {
  methods: {
    ...mapActions(['setMessageSet']),
    updateMessageSetInVuex(newMessageSet) {
      this.setMessageSet(newMessageSet);
    }
  }
};
</script>