我应该在 Vuex 动作上使用 vue-resource 吗?
Should I use vue-resource on Vuex actions
我正在开发一个网络应用程序,它从后端获取机场。我也在使用 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);
}
})
突变应该总是同步的。但是在行动中执行 ajax 很好,事实上在许多 official examples 中都是这样做的。我愿意
import {loadAirports} from './actions.js'
new Vue({
vuex:{
actions: {
loadAirports
},
getters: {
airports: state => state.airports
}
},
ready(){
this.loadAirports();
}
});
我正在开发一个网络应用程序,它从后端获取机场。我也在使用 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);
}
})
突变应该总是同步的。但是在行动中执行 ajax 很好,事实上在许多 official examples 中都是这样做的。我愿意
import {loadAirports} from './actions.js'
new Vue({
vuex:{
actions: {
loadAirports
},
getters: {
airports: state => state.airports
}
},
ready(){
this.loadAirports();
}
});