es6非同步/併發操作
阿新 • • 發佈:2018-12-19
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)
}
))
},