async await结合axios使用

async await结合axios使用

  1. async 和 await是es7的语法
  2. async和await必须结合使用,有await必须要使用async, 有async不一定要使用await,await是将异步转为同步
  3. 用async修饰的事件,如果有retrun返回,则返回的是promise对象
  4. 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>

结果截图:
在这里插入图片描述

发布了41 篇原创文章 · 获赞 3 · 访问量 6383

猜你喜欢

转载自blog.csdn.net/weixin_40509884/article/details/103672564