vuex的actions里接口请求返回的数据怎么进行二次修改给组件使用？

Question

在actions的方法有个接口请求。返回的数据格式可能需要前端处理，比如返回{name：2232}
但是我需要处理成：[{name:2232}]

从vuex请求数据到数据处理，再到应用到组件里。
这之间的处理过程的方式是怎么做的?

是在then回调里面处理[{name:2232}]完了后，在commit使用mutations的方法设置属性吗？那么组件里怎么把vuex里处理完的[{name:2232}]拿来用啊？

不是很懂，，谁可以详细说下？

Answer 1

action中异步数据commit到mutation去操作 至于组件中怎么拿来用那 我觉得你应该先了解下getters

Answer 2

export default {
  namespaced: true,
  state: {
    map: {
      arr: []
    }
  },
  mutations: {
    setMap(state, arr) {
      state.map.arr = arr;
    }
  },
  actions: {
    fetchArr() {
      axios()
        .then((res) => commit("setMap", res.data))
        .catch(err => console.log(err));
    }
  }
}

你直接用state里的那个arr就可以了，不知道老哥能不能看懂