vue实现2个接口同步执行方式
作者：cc蒲公英
案例1使用async/await结合Promise.all实现并行接口调用,案例2通过async/await顺序执行确保数据依赖,两种方式适用于不同场景,合理选择可提升效率
vue2个接口同步执行方式
案例1
// 接口1的请求
const promise1 = axios.get('/api/data1')
// 接口2的请求
const promise2 = axios.get('/api/data2')
// 同步执行两个接口
Promise.all([promise1, promise2]).then(results =>{
// 对两个接口返回的数据进行操作
const result1 = results[0].data
const result2 = results[1].data
// ...
}).catch(error =>{
// 处理错误
})案例2
function fn(){
return new Promise((resolve,reject)=>{
let randomNum = parseInt(Math.random()*6+1);
console.log(randomNum);
if(randomNum>3){
resolve('买');
}
else{
reject('不买');
}
})
}
Promise.all([fn(),fn()]).then((x)=>{console.log(x,'success')},(y)=>{console.log(y,'error');});总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。