vue同步请求

原文地址：vue 同步请求_Aa_duidui的博客-CSDN博客_vue同步请求

同步请求执行的顺序
async-await 挂上的才是同步,没挂上的还是异步
async 方法名(){
    await 请求方法(参数).then(res=>{
        //xxx
    });
}
//或者
async 方法名(){
    var res = await 请求方法(参数);
    //xxx
}
调用同步的方法,会有以下几种情况

1.没有同步(异步请求)

        请求结果
        111
        333
        444
        222

f1(){
    console.log(111)
    this.f2(id);
    console.log(444);
}
 
f2(id){
    r1(id).then(res={
        console.log(222);
    })
    console.log(333);
}
2.调用的方法同步请求

        打印结果
        111
        444
        222
        333

f1(){
    console.log(111)
    this.f2(id)
    console.log(444)
}
async f2(id){
    await c1(id).then(res=>{
        conole.log(222);
    })
    console.log(333);
}
3.所有方法全是同步

        打印结果
        111
        222
        333
        444

async f1(){
    console.log(111)
    await this.f2(id)
    console.log(444)
}
async f2(id){
    await c1(id).then(res=>{
        conole.log(222);
    })
    console.log(333);
}
一个方法里面多个需要同步请求
async f1(){
    var v1 = await this.c1(id);
    var v2 = await this.c2(v2.id);
}