Vue异步接口请求的几种使用方式

前言：Vue请求接口多是异步操作数据，我们一般会用then、catch来进行链式获取接口数据，除此之外还可以使用Async、Await这个方式来执行异步代码，待接口数据请求完成，再进行下面的逻辑执行。但是上述情况一个是会陷入“回调地狱”，而且请求失败所获得的数据不好获取处理，这个时候使用Promise来封装返回的数据就很好用了，不仅如此，这种形式也有利于传递接口给SDK，具体代码如下：

async getData(id) {
  ···
  return new Promise((resolve, reject) => {
    getInterfaceData({ param: id })
      .then((res) => {
        ···
        resolve(res.data);
      })
      .catch((err) => {
        ···
        reject(new Error(err));
      });
  });
},

const data = getData('xxx');