如何将异步js与vuex store结合起来？

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

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 状态数据
  },
  mutations: {
    // 同步操作
  },
  actions: {
    asyncAction(context) {
      // 异步操作
    }
  }
})

export default store

// MyComponent.vue
export default {
  methods: {
    fetchData() {
      this.$store.dispatch('asyncAction')
    }
  }
}

// store.js
actions: {
  asyncAction(context) {
    return new Promise((resolve, reject) => {
      // 异步操作
      setTimeout(() => {
        // 模拟异步请求数据
        const data = '异步数据'
        context.commit('updateData', data) // 调用mutations更新状态数据
        resolve()
      }, 1000)
    })
  }
}

// store.js
mutations: {
  updateData(state, data) {
    state.data = data
  }
}