vue同步请求

最新推荐文章于 2024-07-08 16:40:47 发布

leveretz

最新推荐文章于 2024-07-08 16:40:47 发布

阅读量1.8k

点赞数

文章标签： vue.js 前端 javascript

原文链接：https://blog.csdn.net/Aa_duidui/article/details/119321090

版权

本文详细介绍了Vue中如何实现同步请求，通过async/await语法糖，使得异步操作可以按照预期顺序执行。分别展示了没有同步请求、部分同步请求和全部同步请求的执行效果，帮助开发者更好地理解和掌握在Vue中进行同步调用的方法。

摘要由CSDN通过智能技术生成

原文地址：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);
}