vue-axios异步组件

/ 前端 / 无站内评论 / 256浏览
这个组件跟vue自带的用法差异不大。

<a v-on:click='get'>get请求</a>
<a v-on:click='post'>post请求</a>
new Vue({
    el: "#app",
    data:{
msg:[]
},
methods:{
   get:function(){
axios.get('xxxx.json',{
params:{
//请求参数
userId:'10001'
},
headers:{
token:'xxxx'
}
}).then(res=>{//es6语法相当于function(res){}
//获取结果
this.msg=res.data;
}).catch(error>={
//异常处理
})
},
post:function(){
axios.post('xxxxxxxx.json',{
//请求参数
userId:'10001'
},{
headers:{
token:'xxxxxxxx'
}
}).then(res=>{
//获取结果
this.msg=res.data;
}).catch(error=>{
//异常处理
})
}
}
});
召唤蕾姆
琼ICP备18000156号

鄂公网安备 42011502000211号