vue计算属性

概念：基于现有的数据，计算出来新属性。并依赖数据的变化，自动重新计算

使用场景：

语法：声明在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 每一项