计算属性

主要作用：进行复杂业务逻辑的处理（具有缓存功能）。

语法：computed:{计算属性: function(){return}} --固定写法

主要特性：只要计算属性中的依赖项发生变化时，这个属性的值就会自动变化，所以与之相关联的DOM也会变化。

代码演示：

computed: {
//调用方法：{{getTotalPrice}}--不加()--名字自定义
    getTotalPrice() {
    //业务的处理
      let total = 0;
      this.list.forEach((value) => {
        total += value.price;
      });
      //返回业务处理后的结果
      return total;
    },

注意：对于复杂的逻辑处理，都可以考虑使用计算属性来处理。