我应该在 Vuex 操作上使用 vue-resource答案

【问题标题】：Should I use vue-resource on Vuex actions我应该在 Vuex 操作上使用 vue-resource
【发布时间】：2016-12-24 21:15:12
【问题描述】：

我正在开发一个从后端获取机场的 web 应用程序。我也在使用 Vuex 来共享状态和数据。我的问题是我应该在我的 VueX 操作中还是在我的 vue 实例方法中加载机场，然后调用仅调度事件的操作

例子

// ajax from vuex actions
export const loadAirports = ({dispatch})=>{
    //load data via vue-resource
    dispatch("SET_AIRPORTS",data);
}

或

//action
export const setAirports(({dispatch},airports) =>{
   dispatch("SET_AIRPORTS",airports);
}

new Vue({
    ready(){
        //load data view-resource

        this.setAirports(data); 
    }
})

【问题讨论】：

标签： javascript vue.js vue-resource vuex

【解决方案1】：

突变应该始终是同步的。但是在操作中执行 ajax 很好，事实上在许多 official examples 中就是这样做的。我会做的

import {loadAirports} from './actions.js'

new Vue({
  vuex:{
    actions: {
      loadAirports
    },
    getters: {
      airports: state => state.airports
    }
  },
  ready(){
    this.loadAirports();
  }
});

【讨论】：