Javascript 我应该在Vuex操作上使用vue资源吗

我正在开发一个webapp，它从后端获取机场信息。我还使用Vuex共享状态和数据。我的问题是，我应该在VueX操作或vue实例方法中加载机场，然后调用只发送事件的操作吗

范例

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

或

---

突变应该总是同步的。但在操作中使用ajax是很好的，事实上，在许多应用程序中都是这样做的。我愿意

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

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

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

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