vue2学习:reduce方法和computed计算属性用法

reduce

reduce可以遍历集合并将集合所有的值汇总为一个。

第一个参数是一个回调函数,函数第一个参数是汇总起来的最终值,默认是集合的第一项,函数第二个参数是集合遍历出来的集合元素;

第二个参数可以指定回调函数中第一个参数汇总值的默认值

computed

computed计算属性可以计算data中的值,并随着data中数据的改变自动重新计算值。

跟data,methods同级,语法跟methods一样,但是不是方法是属性,因此在页面结构中取值是{{方法名}}

案例



小黑的礼物清单

名字 数量
{{ item.name }} {{ item.num }}个

礼物总数:{{countTotal}} 个

 

你可能感兴趣的:(学习)