作用：监视多个this相关的属性值的改变，如果和原值一样，不会触发函数的调用，并且可以返回对象

注意：

1. 在引用计算属性时，一定不要加()去调用，直接把它当做普通属性去使用就好
2. 只要计算属性，这个func内部所用到的任何data中的数据发生了变化，就会立即重新计算这个计算属性的值
3. 计算属性求值的结果，会被缓存起来，方便下次直接调用
4. 如果计算属性方法中，所有数据都没有发生变化，则不会重新对计算属性求值（eg同一个计算属性调用了两次）

<div>
  单价: <input type="text" name="" v-model="price"> *
  件数: <input type="text" name="" v-model="num"> *
  折扣: <input type="text" name="" v-model="rate"> =
  {{sum}}
</div>
export default {
	computed: {
  	sum() {
      // 当涉及到的this.相关的属性发生改变以后会触发，并返回一个值（可以返回一个对象出去）
    	return this.price * this.num * (this.rate / 100);
    }
  }
}