Vuejs2 vuex存储getter在组件中不工作

有人能明白为什么这行不通吗

尝试使用vuex store管理我的axios请求并将其传输到组件，如下所示：

在我的vuex存储模块中，我有以下内容

import axios from "axios";
export const state = () => ({
    cases: [],
  })

  export const mutations = {

    listCases (state, cases) {
      state.cases = cases;
    },     
  }

  export const actions = {

    loadCases ({ commit, context }) {

      return axios.get('http')
      .then(res => {
        const convertCases = []
        for (const key in res.data) {
          convertCases.push({ ...res.data[key], id: key })
        }
        commit('listCases', convertCases)
      })
      .catch(e => context.error(e));
    },

  export const getters = {
  // return the state
    cases(state) {
      return state.cases
    }
  }

我检查了amd，我的axios请求正在按预期返回我的结果，并将其传递给数据库

在我的组件中，我有

import { mapMutations, mapGetters, mapActions } from 'vuex'

export default {

  created () {
    this.$store.dispatch('cases/loadCases');
  },

  computed: {
      ...mapGetters ({
      cases: 'cases/cases'
    })
},

</script>

从“vuex”导入{mapTranslations，mapGetter，mapActions}
导出默认值{
创建（）{
这是$store.dispatch（'cases/loadCases'）；
},
计算：{
…地图绘制者({
案例：“案例/案例”
})
},

现在，根据我所学到的，我认为我可以打电话给你 这会退回我的物品

但我得到一个错误案例没有定义

有谁能告诉我我的错误吗

非常感谢

请看这里：

您可以通过以下方式使其反应：

export const mutations = {
  listCases (state, cases) {
    state.cases = [];
    cases.forEach((c) => {
      state.cases.push(c);
    });
  },     
}