vue实现promise.all

在Vue中实现Promise.all的方法和在普通JavaScript中实现类似，只需要传入一个Promise数组即可。我们可以使用Vue提供的computed属性来实现。

假设我们有三个异步请求：

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 1');
  }, 1000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 2');
  }, 2000);
});

const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 3');
  }, 3000);
});

我们现在要在Vue中使用Promise.all来获取三个异步请求的结果。我们可以定义一个computed属性来实现：

export default {
  data() {
    return {
      promise1: null,
      promise2: null,
      promise3: null
    };
  },
  computed: {
    results() {
      return Promise.all([this.promise1, this.promise2, this.promise3]);
    }
  },
  mounted() {
    this.promise1 = promise1;
    this.promise2 = promise2;
    this.promise3 = promise3;
  }
};

在这个例子中，我们定义了一个results计算属性，它返回Promise.all([this.promise1, this.promise2, this.promise3])。在mounted钩子函数中，我们将三个异步请求分别赋值给this.promise1、this.promise2和this.promise3。

当我们在Vue中访问results计算属性时，它将返回一个Promise对象，该对象将在所有异步请求完成后解析为一个数组，该数组包含每个异步请求的结果。