Vue如何使用axios实现同步请求.doc

Vue-如何使用axios实现同步请求
在vue项目中我们经常会使用axios来与后台进行数据传输，异步请求可以改善用户体验。但是在某些特殊情况，我们依然需要使用同步请求来实现交互。本文将讲解如何在vue项目中使用axios实现同步请求。Vue-如何使用axios实现同步请求
在vue项目中我们经常会使用axios来与后台进行数据传输，异步请求可以改善用户体验。但是在某些特殊情况，我们依然需要使用同步请求来实现交互。本文将讲解如何在vue项目中使用axios实现同步请求。
问题分析
我们知道，在传统的ajax方法中，我们可以使用参数async设置为false来表示同步请求
$.ajax({
type:"POST",请求方式
async:false,//fasle表示同步请求,true表示异步请求contentType:"application/json;charset=UTF-8",//请求的媒体类型url:"/",//青求地址data:(list),/数据，json字符串success:function(result){//i青求成功
console」og(result);
},
error:function(e){〃请求失败，();
console」og();
}
});
但是在axios的文档中，并没有找到类似的参数。因此单纯的通过axios是实现不了同步数据交互。
在浏览了其它博客后，了解到ES7的异步特性async/await，async修饰的异步方法，需要等待await修饰的语句执行完毕。这跟我们想要的同步请求效果一样，在执行完A事件，并成功返回后，才会去执行B事件。
还有一种方法就是在vue项目中安装jquery，使用jquery的async属性，但是不太推荐。
ES7的异步特性async/await
async用于申明一个函数是异步的，await等待异步请求完成，await只能在async方法中使用。
varfun1=asyncfunction(){(url,params);
}
在调用funl的方法中我们需要修饰为async异步方法，并且await修饰funl方法。
varfun2=asyncfunction()