计算属性
主要作用:进行复杂业务逻辑的处理(具有缓存功能)。
语法:computed:{计算属性: function(){return}} --固定写法
主要特性:只要计算属性中的依赖项发生变化时,这个属性的值就会自动变化,所以与之相关联的DOM也会变化。
代码演示:
computed: {
//调用方法:{{getTotalPrice}}--不加()--名字自定义
getTotalPrice() {
//业务的处理
let total = 0;
this.list.forEach((value) => {
total += value.price;
});
//返回业务处理后的结果
return total;
},