es6异步/并发操作

1.基于vue2.0、oxios做异步等待操作:示例

//异步等待 async/await
awaitMethod(num){
return new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve(2*num);
},2000)
})
},
async test (){

//控制线程执行,必须前面的执行完成后才执行后面的

let result = await this.awaitMethod(30);
let result1 = await this.awaitMethod(50);
let result2 = await this.awaitMethod(30);
console.log(result);
console.log(result1);
console.log(result2);
},

//axios并发操作

//并发操作
glist1(){
return axios.get(url.bannerLists)
},
glist2(){
return axios.post(url.hostLists,{
pageNum:this.pageNum,
pageSize:this.pageSize
})
},
initData(){

//同时并发请求多个接口操作

this.$http.all([this.glist1(),this.glist2()]).then(this.$http.spread(
(a,b)=>{
console.log(a,6)
console.log(b,7)
}
))

},

 

posted @ 2018-12-19 12:28  Breakpattert_阿涛  阅读(506)  评论(0)    收藏  举报