所有异步请求完成后的回调

Question

vue的项目中现在有这两个方法，有个C方法，需要在这两个异步请求的方法完成后才执行，要怎么写，新手求问，
这两个方法都使用了es6的promise 和 axios这个库

created() {
  this._getChannelList()
  this._getRecentContact()
},
method: {
    _getChannelList() {
      getChannelList(this.getCookie('sender'), this.getCookie('version')).then(res => {
        // 成功
      }).catch(err => {
        console.log(err)
      })
    },
    _getRecentContact() {
      getRecentContact(this.getCookie('sender')).then(res => {
        // 成功
      }).catch(err => {
        console.log(err)
      })
    },
    c() {
       // 需要在上面两个方法都请求完毕才执行
    }
}

Answer 1

axios可以执行多个并发请求

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // 两个请求现在都执行完成
  }));

Answer 2

可以用 Promise.all 来控制流程

Answer 3

用 Promise 可以轻松搞定：

Promise.all([this._getChannelList(), this._getRecentContact()])
  .then(() => {
    this.c();
  });

既然被邀请了，那我顺手推荐一下我的讲堂吧：Promise 的 N 种用法，讲解 Promise 的各种常见用法。