async与await使用

自己总结的：

1、让异步的代码可以使用同步的方式，逻辑更加清晰，优雅

2、重点：基于promise使用

模拟场景：调用A接口的同时返回数据后在次调用B接口获取数据

export default {
  async created () {
    // 使用 promise 方式
    // 调用A
    // this.$http.get('http://localhost:3000/a').then(res => {
    //   console.log(res.data)
    //   // 调用B
    //   return this.$http.get('http://localhost:3000/b')
    // }).then(res => {
    //   console.log(res.data)
    // })

    // 函数的返回值  加载await之后  是then接受的数据
    // 在使用await之后在 外层函数必须用async 来申明
    const resA = await this.$http.get('http://localhost:3000/a')
    const resB = await this.$http.get('http://localhost:3000/b')
    console.log(resA.data, resB.data)
  }

总结：

• awiat 修饰返回promise对象的函数，结果：得到成功后的数据。

• awiat 使用只能在async修饰的函数内，在awiat的外层函数加上async关键字。

• awiat 修饰的函数 只会阻碍程序运行的，async关键字修饰函数 异步函数。