10-computed计算属性

computed计算属性（25-computed-计算属性.html）

1. computed 基础使用方法

  computed:{
    fullName() {
      return this.firstName + "-" + this.lastName;
    }
  }

2. computed 的静态方法之：get、set

• get : 获取的时候
• set : 修改的时候
  当使用get、set的时候，那么computed中定义的属性，为一个对象
  当不使用get、set的时候，computed中定义的属性是可以为函数

  computed:{
    fullName:{
      get(){
        return this.arr.every(e=>e.checked);
      },
      set(newValue){
        //newValue就是改变之后的结果
        return this.arr.forEach(e=>e.checked = newValue)
      }
    }
  }

methods watch computed 对比

• methods

  • 方法表示一个具体的操作。
  • 更侧重业务逻辑的处理，适合在这里写大量的业务逻辑。

• watch

  • 一个对象，键是需要观察的表达式，值是对应的回调函数。
  • 主要用来监听默写特定数据的变化，从而进行某些具体的业务逻辑操作，客户看作是computed和methods的结合体。

• computed

  • 需要 return 出最后的结果。
  • 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算，主要当做属性来使用。