vue 组件内获取actions的response方式
最近使用在学习使用vuex，想利用vuex集中管理状态。在和后台进行数据交互的时候，必然会涉及接口的调用，此类异步操作，通常写在action里面：
importVuefrom'vue';
importVuexfrom'vuex';
Vue.use('Vuex');
constactions={
getComplete({}){
returnnewPromise((resolve,reject)=>{
Vue.http.get('XXXXXX').then((response)=>{
resolve(response);
}).catch((response)=>{
reject(response);
});
});
}
}
exportdefaultnewVuex.Store({
actions
})
这里将接口的请求放置在promise中，利用promise异步的特性，可以在子组件中获取到接口调用成功后返回的参数：
exportdefault{
......
created:function(){
this.$store.dispatch('getComplete').then(response=>{
......
}).catch(response=>{
......
})
}
}
除了这种方式，也可以使用mapActions辅助函数将组件的methods映射为store.dispatch调用（需要先在根节点注入store），具体使用方式详见：
传送门：https://vuex.vuejs.org/en/actions.html
以上这篇vue组件内获取actions的response方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。