Vuejs2 v-for在VueJS中，如何跟踪以前的组件数据？

我想输出一系列条目，其中包含一个值

但是对于每一行，我想显示从开始到当前行的所有值的总和

例如：

// App.vue

<template>
    <div>
        <Row v-for="item in items" :value="item.value"/>
    </div>
</template>

<script>
    export default {
        data() {
          items: [{ value: 3}, {value: 5}, {value: 1}, {value: 9}, {value: 3}]
        }
    }
</script>


// Row.vue

<template>
    <div>{{ value }} (Sum: <subtotal here>)</div>
</template>

<script>
    export default {
        props: ['value']
    }
</script>

//App.vue
导出默认值{
数据（）{
项目：[{value:3}，{value:5}，{value:1}，{value:9}，{value:3}]
}
}
//Row.vue
{{value}}（总和：）
导出默认值{
道具：['value']
}

我希望此输出：

<div>
    <div>3 (Sum: 3)</div>
    <div>5 (Sum: 8)</div>
    <div>1 (Sum: 9)</div>
    <div>9 (Sum: 18)</div>
    <div>3 (Sum: 21)</div>
</div>

3（总数：3）
5（总数：8）
1（总数：9）
9（总数：18）
3（总数：21）

我已经尝试了多种方法，在

App

中使用一个局部变量，在

行

创建/更新时发出一个事件

在更新组件时，使用局部非反应变量会导致不良行为。使用prop ou事件会导致无限循环

---

如何对每个项目值进行累进求和？

使用计算属性为您保留计数：

newvue({
el:“#应用程序”，
模板：“#模板”，
数据：{
项目：[{value:3}，{value:5}，{value:1}，{value:9}，{value:3}]
},
计算：{
calculatedItems（）{
常量newArray=[]；
设和=0；
for（设i=0；i

{{item.item.value}，
总计：{{item.Total}

谢谢。我有点生疏了^^