vue遍历对象时候如何获取每个schedule对象id的值并且相加

Question

<router-link to="/Schedule/addSchedule"><div class="add_schedule"></div></router-link>
      <div class="panel panel-primary" v-for="schedule in schedules" :key="schedule.id">
        <div :count="schedules.id">{{sum}}</div>
        <div class="panel-heading" >

          <h3 class="panel-title">{{schedule.degree}}</h3>

        </div>
        <router-link class="turn" :to="'/Schedule' + schedule.id">
        <div class="content">{{schedule.body}}</div>
          <div class="content_time">时间：{{schedule.time}}</div>
          <div>{{schedule.id}}</div>
        </router-link>
      </div>
  </div>
</template>
<script>
export default {
  name: 'Center',
  props: ['count'],
  data () {
    return {
      schedules: [],
      sum: this.count

Answer 1

是要这样的吗？

const schedules = [
  { id: 1, value: 100 },
  { id: 2, value: 200 },
  { id: 3, value: 300 },
  { id: 4, value: 400 }
];

const sum = schedules.map(val => val.id).reduce((pre, next) => pre + next);

console.log(sum); //10