vue reduce用法

在Vue中，reduce方法通常用于数组的累加器函数，它接受一个回调函数，这个回调函数包含两个参数：累加器(accumulator)和当前值(currentValue)。

下面是一个简单的例子，使用reduce方法来计算数组中所有数字的总和：

<template>
  <div>
    <p>数组总和: {{ total }}</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      numbers: [1, 2, 3, 4, 5]
    };
  },
  computed: {
    total() {
      return this.numbers.reduce((accumulator, currentValue) => {
        return accumulator + currentValue;
      }, 0);
    }
  }
};
</script>

在这个例子中，reduce方法的第一个参数是一个回调函数，它接受两个参数：accumulator (累加器) 和 currentValue (当前值)。回调函数的返回值被作为下一次调用回调函数时的accumulator值。reduce方法的第二个参数是累加器的初始值，在这个例子中是0。