2016-08-18 3 views
1

나는 백엔드에서 공항을 가져 오는 webapp를 개발 중입니다. 또한 Vuex를 사용하여 주와 데이터를 공유합니다. 내 질문은 항상에만 이벤트를Vuex 작업에서 vue-resource를 사용해야합니까?

// 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); 
    } 
}) 

답변

3

돌연변이를 전달 작업을해야 전화 내 VueX 작업 또는 내 VUE 인스턴스 방법에 공항을로드해야합니다입니다 동기가 있어야합니다. 그러나 액션에서 아약스를하는 것은 괜찮습니다. 사실 많은 방법으로 이루어집니다. official examples. 나는 할 것이다

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

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