概念:基于现有的数据,计算出来新属性。并依赖数据的变化,自动重新计算
使用场景:
语法:声明在computed配置项中,一个计算属性对应一个函数,使用起来和普通属性一样使用{{计算属性名}}
代码:
注意:这是一个属性,不是方法,属性名不能加()
这里可以基于现有的数据,编写求值逻辑,继续完善计算属性的方法。
计算属性函数内部,可以直接通过 this 访问到 app 实例:
现 需求是:对 this.list 数组里面的 num 进行求和 →
let total = this.list.reduce((sum,item)=>sum + item.sum , 0)
return total
0 表示求值函数的起始值,会先给到前面的sum
sum 是每个阶段性算出来的求和结果,计算过程会将这个结果去与当前item的数据进行累加,每次累加完成的结果再反过来赋值给 sum 最终把所有项都累加完
item 每一项