html5累加计算,vue2.0的computed计算list循环的累加值

这次给大家带来vue2.0的computed计算list循环的累加值，vue2.0 computed计算list循环累加值的注意事项有哪些，下面就是实战案例，一起来看一下。

实例如下所示：

{{ msg }}

Foo

{{a[index] = item.bb}}

a:{{a}}

{{cc}}

export default {

name: 'foo',

data () {

return {

msg: '这儿是Foo',

list:[{

insertId: 'asfasf252',

bb:29

},{

insertId: '2652',

bb:20

},{

insertId: '996',

bb:18

}],

a:[]

}

},

computed:{

cc: function(){

var sum = 0;

for(var i= 0 ;i< this.a.length; i++) {

sum += parseInt(this.a[i]);

}

return sum;

}

}

}

h1, h2 {

font-weight: normal;

}

ul {

list-style-type: none;

padding: 0;

}

li {

display: inline-block;

margin: 0 10px;

}

a {

color: #42b983;

}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：