async/await 处理异步操作_await this.$http.get()unresolved variable $http

/*
  async/await 处理异步操作：
  async函数返回一个Promise实例对象
  await后面可以直接跟一个 Promise实例对象
*/
axios.defaults.baseURL = 'http:localhost:3000';
// axios.get('adata').then(function(ret){
//   console.log(ret.data)
// })

// async function queryData() {
//   var ret = await axios.get('adata');
//   // console.log(ret.data)
//   return ret.data;
// }

async function queryData() {
    var ret = await new Promise(function(resolve, reject){
        setTimeout(function(){
            resolve('nihao')
        },1000);
    });
    // console.log(ret.data)
    return ret;
}
queryData().then(function(data){
    console.log(data)
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

如果某函数的返回值是promise，便可以用 async/await进行优化。

async showEditDialog(id){
        const { data : res }=await this.$http.get('users/' + id)
        if (res.meta.status !== 200) {
          return this.$message.error('查询用户信息失败！')
        }
        this.editForm = res.data
        this.editDialogVisible=true
      },
1
2
3
4
5
6
7
8