从Vuex操作返回结果，以便组件可以访问它

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

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    result: null
  },
  mutations: {
    setResult(state, result) {
      state.result = result
    }
  },
  actions: {
    fetchResult({ commit }) {
      // 在这里进行异步操作，例如发送请求获取结果
      // 然后通过commit调用mutation来更新状态
      const result = '这是返回的结果'
      commit('setResult', result)
    }
  },
  getters: {
    getResult: state => state.result
  }
})

export default store

// MyComponent.vue
<template>
  <div>
    <button @click="fetchResult">获取结果</button>
    <p>{{ result }}</p>
  </div>
</template>

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

export default {
  computed: {
    ...mapGetters(['getResult'])
  },
  methods: {
    ...mapActions(['fetchResult'])
  }
}
</script>