async await结合axios使用
- async 和 await是es7的语法
- async和await必须结合使用,有await必须要使用async, 有async不一定要使用await,await是将异步转为同步
- 用async修饰的事件,如果有retrun返回,则返回的是promise对象
- async修饰的异步事件a,在其他方法b中调用异步事件的时候,可以用await,等a事件执行完之后,才会执行a事件之后的语句。例如:
<script>
export default {
async mounted() {
console.log(this.testAsync()) // 输出一个promise对象
// 写法一,这里可以用await将异步事件转为同步事件,
// 也就是先执行testAsync事件,直到事件返回结果才执行下一步打印结果
let data = await this.testAsync()
console.log(data) // 输出一个字符串”前端“
// 写法二, 这里可以用then事件返回
this.testAsync().then(res => {
console.log(res) // 这里输出一个字符串”前端“
})
},
methods: {
async testAsync() {
let name = "前端"
return name
}
}
}
</script>
结果截图: