初学vue，数据如何进行循环加和处理？

Question

如此假数据，如果我想把comment中数字加和然后显示到html中 应该如何处理？

Answer 1

<template>

    <div>{{sum(comment)}}</div>

</template>

<script>
  export default {
    name: 'Test',
    data: () => {
      return {
        comment: [1, 2, 3, 4, 5],
      };
    },
    methods: {
      sum (arr) {
        return arr.reduce(function (prev, curr, idx, arr) {
          return prev + curr;
        });
      },
    },
  };
</script>

其实楼上的思路是可以实现的，不过应该写成：

computed:{
    sum(){
        return function (arr) {
            return arr.reduce(function(prev, curr, idx, arr) {
                return prev + curr;
            });
        }
    }
}

Answer 2

写个计算属性求和，参考计算属性

Answer 3

<div>{{sum(comment)}}</div>

computed:{
    sum(arr){
        return arr.reduce(function(prev, curr, idx, arr){
            return prev + curr;
        });
    }
}