vue计算属性的使用

props:['name'],//接收父组件的数据
computed:{//当数据发生改变时，会自动去计算
   zojia:function(){  //zojia是自己声明的函数
      let a = null;
      for(let item of this.name){ //this.name 是父组件传递过来的数据
         a +=item.price * item.num   //将name里面的价格与数量进行计算
      }
      return a;   //把计算的结果返回出去
   }
}

使用：

<!-- 使用计算属性的结果 -->
<div @click="bba()">总价：{{ zojia }}</div>