无法在已创建的异步上获取Vuex状态

// store.js
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    // 状态
  },
  getters: {
    // 获取需要的状态
    getState: (state) => state.stateName,
  },
  mutations: {
    // 修改状态的方法
  },
  actions: {
    // 异步操作
    async fetchData({ commit }) {
      // 执行异步操作
      const response = await fetch('https://api.example.com/data');
      
      // 修改状态
      commit('mutationName', response.data);
    },
  },
});

export default store;

// MyComponent.vue
<template>
  <div>
    <p>{{ state }}</p>
    <button @click="fetchData">获取数据</button>
  </div>
</template>

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

export default {
  computed: {
    ...mapGetters(['getState']), // 使用getter
    state() {
      return this.getState;
    },
  },
  methods: {
    ...mapActions(['fetchData']), // 使用action
  },
};
</script>