ChenPt / dailyNote

dailyNode for myself
https://github.com/ChenPt/dailyNote/issues
0 stars 0 forks source link

6/14 async/await 调用API获取数据 #12

Open ChenPt opened 6 years ago

ChenPt commented 6 years ago

async/await

采用async/await来进行http请求获取数据的一般写法

  methods: {
    async getData() {
      let data = await this.$http.get(apiUrl,params:{

      }).then(res => {
        //对数据的一系列处理,filter之类的
        res.data.filter(e=>{
          ....
        })
        //最后return data
        return res
      })

      //async函数最后返回一个Promise
      return Promise.resolve(data)
    },
    init() {
      this.getData().then(data => {
        //这里可以保证你已经调用http接口取得了数据
        //在这里进行操作.
      })
    }
  },