2021-11-05计算属性

计算属性：

1. 定义：要用的属性不存在，要通过已有属性计算得来。
2. 原理：底层借助了Objcet.defineproperty方法提供的getter和setter。
3. get函数什么时候执行？ (1).初次读取时会执行一次。当有人读取计算属性时，get就会被调用，且返回值就作为fullName的值  (2).当依赖的数据发生改变时会被再次调用。
4. set什么时候执行？当计算属性被修改时。
5. 优势：与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。

备注：                                     

1. 计算属性最终会出现在vm上，直接读取使用即可。
2. 如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变。

computed:{
  fullName:{
    get(){
      console.log('get被调用了')
      // console.log(this) //此处的this是vm
      return this.firstName + '-' + this.lastName
    },
    set(value){
      console.log('set',value)
      const arr = value.split('-')
      this.firstName = arr[0]
      this.lastName = arr[1]
    }
  }
}

计算属性的简写形式：

只有当计算属性只有get没有set的时候才可以简写

fullName() {
              console.log("get被调用了");
              return this.firstName + "-" + this.lastName;
            }