如何在Vue js中异步调用多个API

// 封装API请求成Promise对象
function fetchData(url) {
  return new Promise((resolve, reject) => {
    axios.get(url)
      .then(response => resolve(response.data))
      .catch(error => reject(error));
  });
}

// 在Vue组件中调用多个API
methods: {
  async callAPIs() {
    try {
      const [data1, data2, data3] = await Promise.all([
        fetchData('api1'),
        fetchData('api2'),
        fetchData('api3')
      ]);
      // 处理返回的数据
    } catch (error) {
      // 处理错误
    }
  }
}

// 封装API请求成Promise对象
function fetchData(url) {
  return new Promise((resolve, reject) => {
    axios.get(url)
      .then(response => resolve(response.data))
      .catch(error => reject(error));
  });
}

// 在Vue组件中调用多个API
methods: {
  async callAPIs() {
    try {
      const data1 = await fetchData('api1');
      const data2 = await fetchData('api2');
      const data3 = await fetchData('api3');
      // 处理返回的数据
    } catch (error) {
      // 处理错误
    }
  }
}