【经验】vue中同步方法async+await

一、问题:在实际开发中,如果你遇到了等第一个请求返回数据完,再执行第二个请求(可能第二个请求要传的参数就是第一个请求接口返回的数据)这个问题,该怎么去处理呢?默认发送多个请求是同步执行的,但是返回时异步的,就导致我们也不知道到底是哪个接口优先返回数据!!! 所以,我们必须要学会使用async/await!

二、使用:(伪代码)

mounted:{this.initPage()}

async initPage(){

this.getData();

},

async getData(){

let res1=await 请求函数A({请求参数});

let res2=await 请求函数B({res1.data});

console.log(res2.msg)

}

注意避坑:

1、initPage()函数也必须加上async。测试得知。

2、请求函数A和请求函数B必须放在一个方法getData()内。测试不生效,不知原理。

3、个人简单使用总结,未深入研究,供参考。

 

posted @ 2022-12-01 00:00  ouousan  阅读(2225)  评论(0)    收藏  举报