vue :reduce

在 Vue.js 中，reduce 是 JavaScript 的一个数组方法，用于对数组中的元素进行累加或者累积计算。它接受一个回调函数作为参数，并返回一个累加后的结果。

下面是使用 reduce 方法计算数组元素之和的示例：

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

console.log(sum); // 输出: 15

在上面的例子中，我们定义了一个 numbers 数组，后使用 reduce 方法对数组中的元素进行累加操作。回调函数接收两个参数：accumulator（累加器）和 currentValue（当前值）。在每次迭代中，回调函数将 accumulator 和当前元素相加，并将结果返回。最后，reduce 方法会返回累加的结果。

在 Vue.js 中，你可以在组件的计算属性或者方法中使用 reduce 方法来对数组进行累加或其他计算操作。例如，你可以将一个数组中的数字进行累加，并将结果显示在模板中：

<template>
  <div>
    <p>数组元素之和：{{ sum }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      numbers: [1, 2, 3, 4, 5]
    };
  },
  computed: {
    sum() {
      return this.numbers.reduce((accumulator, currentValue) => {
        return accumulator + currentValue;
      }, 0);
    }
  }
};
</script>

在上面的示例中，我们在计算属性 `sum` 中使用了 reduce 方法来计算数组 `numbers` 的元素之和，并将结果在模板中进行展示。