vue的那点事-计算属性

38 阅读1分钟
  • 概念:基于现有的数据,计算出来的新属性。依赖的数据变化,自动重新计算
  • 语法:先声明后使用
  • 声明在computed配置项中,一个计算属性对应一个函数
  • 使用起来和普通属性一样使用{{计算属性名}}
  • 计算属性-可以将一段求职的代码进行封装 image.png
// 需要return返回结果

//对this.list 数组里面的num进行求和 reduce

let total = this.list.reduce((sum,item)=> sum + item.num,0)

/***

*reduce语法

* 0代表求和起始值

* 起始值会先给到sum,sum为每个阶段性算出来的求和结果

* 需要用阶段性的求和结果和当前的每一项进行运算

* 当累加完后再把结果给回到sum

* sum再当前的每一项进行运算 直到运算结束为止

*/

image.png