vue async await 两个接口同步

在 Vue 中，您可以使用 async/await 和 Promise 的组合来实现多个异步请求的同步。

假设您有两个异步请求，可以使用以下方法将它们同步起来

async function fetchData() {
  try {
    const response1 = await axios.get('/api/data1');
    const response2 = await axios.get('/api/data2');
    return [response1.data, response2.data];
  } catch (error) {
    console.error(error);
  }
}

fetchData().then(([data1, data2]) => {
  // 处理返回的数据
});

在上面的示例中，我们使用了 async/await 来等待第一个请求和第二个请求都返回数据。如果有任何一个请求失败，将会抛出错误并被 catch 捕获。如果两个请求都成功，它们的数据将被封装到一个数组中并返回。接下来，我们可以在 then 方法中处理返回的数据。

请注意，这两个请求是按顺序发送的，这意味着第二个请求必须等待第一个请求完成后才会发送。如果您想要同时发送两个请求，可以使用 Promise.all 方法：

async function fetchData() {
  try {
    const [response1, response2] = await Promise.all([
      axios.get('/api/data1'),
      axios.get('/api/data2')
    ]);
    return [response1.data, response2.data];
  } catch (error) {
    console.error(error);
  }
}

fetchData().then(([data1, data2]) => {
  // 处理返回的数据
});

在这个例子中，我们使用了 Promise.all 来同时发送两个请求。由于两个请求都是并行发送的，因此它们会同时进行，并且在两个请求都成功返回数据后，将被封装到一个数组中并返回。