async 和awiat实例代码

async +awiat 和 promise.all()相同点和不同点

相同的：

1. 都是等待promise对象执行完毕后在执行then后面的方法！

不同点：

1. async +awiat是按顺序完成异步操作（完成时间=所有promise对象执行时间的总和）
2. promise.all()并行执行异步操作（完成时间=最晚完成的promise对象的时间）

1、async 和awiat 执行结果

2、async 和awiat 先后顺序执行方法实例代码

created(){
    this.init();
},
methods:{
     promise(){
      return new Promise((resolve,reject)=>{
        const data={}
        this.$axios.post('vue/google.php',data).then(res => {
          setTimeout(function(){
            console.log(`5秒后方法一加载完成！${new Date()}`)
            resolve('promise返回值')
          },5000)
        })
      })
      
    },
    promise2(){
      return new Promise((resolve,reject)=>{
        const data={}
        this.$axios.post('vue/google.php',data).then(res => {
          setTimeout(function(){
            console.log(`10秒后方法二加载完成！${new Date()}`)
            resolve('promise2返回值')
          },10000)
        })
      })
    },
    async init(){
      console.log(`开始时间！${new Date()}`)
      let value=await this.promise();
      let value2=await this.promise2();
      console.log(`${[value,value2]}结束时间！${new Date()}`)
    }},