vue promise.all用法

在Vue中，Promise.all()方法可以用于同时处理多个异步操作，并在所有操作完成后返回结果。下面是一个使用Promise.all()的示例：

async function fetchData(url) {
  const response = await fetch(url);
  const data = await response.json();
  return data;
}

async function getData() {
  const urls = ['url1', 'url2', 'url3']; // 假设有三个异步请求的URL
  const promises = urls.map(url => fetchData(url)); // 创建一个包含所有异步操作的Promise数组
  const results = await Promise.all(promises); // 等待所有异步操作完成并返回结果

  // 处理返回的结果
  results.forEach(result => {
    // 对每个结果进行处理
    console.log(result);
  });
}

getData();

在上面的示例中，我们首先定义了一个fetchData()函数，用于发送异步请求并返回响应数据。然后，我们定义了一个getData()函数，其中包含了三个异步请求的URL。我们使用map()方法将每个URL传递给fetchData()函数，并将返回的Promise对象存储在promises数组中。最后，我们使用Promise.all()方法等待所有异步操作完成，并将结果存储在results数组中。我们可以使用forEach()方法遍历results数组，并对每个结果进行处理。