Promise.all() 是一种 JavaScript 方法，用于等待所有传入的 Promise 对象解析或其中一个被拒绝。在 Vue 中，它可用于等待多个异步调用的完成，语法为：Promise.all([promise1, promise2, ...]).then(result => {}).catch(error => {})。用法包括创建 Promise 数组、调用 Promise.all() 并处理解析或拒绝的结果。
Promise.all() 在 Vue 中的使用
什么是 Promise.all()？
Promise.all() 是一个 JavaScript 方法，它接收一个包含 Promise 对象数组作为参数。它返回一个新的 Promise 对象，该对象在所有传入的 Promise 对象都成功解析后解析，或者在任一个 Promise 对象被拒绝后立即拒绝。
在 Vue 中使用 Promise.all()
立即学习“前端免费学习笔记（深入）”；
在 Vue 中，Promise.all() 可以用于执行异步操作并等待所有操作完成。这对于需要在继续执行之前等待多个异步调用的场景非常有用。
语法：
Promise.all([promise1, promise2, ...])
.then((result) => {
// 所有 Promise 都已解析
})
.catch((error) => {
// 至少一个 Promise 被拒绝
});用法：
- 创建 Promise 数组：首先，创建一个包含要执行的异步操作的 Promise 对象数组。
- 调用 Promise.all()：使用 Promise.all() 方法传递 Promise 数组。
- 处理结果：Promise.all() 返回一个新的 Promise 对象。您可以使用 then() 方法处理该 Promise 对象的解析结果或使用 catch() 方法处理拒绝结果。
示例：
以下示例使用 Promise.all() 在 Vue 中获取多个用户的详细信息：
import axios from 'axios';
export default {
methods: {
async fetchUsers() {
const userIds = [1, 2, 3];
const userPromises = userIds.map(userId => axios.get(`/users/${userId}`));
return Promise.all(userPromises);
}
}
};在上面的示例中，fetchUsers() 方法创建一个 Promise 数组，其中包含获取每个用户详细信息的 Promise 对象。然后，它调用 Promise.all() 来执行所有这些异步操作。当所有 Promise 都解析后，它将返回包含所有用户详细信息的数组。
