computed 与 watch 介绍

• 1- computed:计算属性
  • 1- 自身需要依赖另一个值得改变而使当前所在DOM更新
  • 2- 计算属性不可以与data中的数据重名
  • 3- 计算属性的方法不需要加括号调用，方法需要单独加括号调用 因为 计算属性 不属于方法 属于属性
  • 4- 计算属性具有缓存机制
    • 当计算属性第一次获取到响应式数据时，会缓存，在后期渲染视图时，会观察响应式数据是否改变，如果改变会调用计算属性，如果没有改变会读取存储的数据，方法只用更新就会重新调用
  • 5- 当获取计算属性时会触发getter ，当设置修改计算机属性是会触发setter
  • 注意：计算属性不可以使用箭头函数，否则this不会指向这个组件的实例
• 2- watch:监听属性
  • 1- 当检测的值发生改变时，那么对应的方法会自动执行
  • 2- deep 开启深度监视
    • 发现对象内部值得变化，可以在选项参数中指定deep：true 作为深度监视，但是监听数组的变更则不需要使用
  • 3- immediate
    • 在选项参数中指定immediate：true将立即以表达式的当前值触发回调
• 3- computed 与 watch 的区别
  • 1- computed 中的属性不是data中的属性，而是依赖于data中的属性数据改变而改变。watch 监测data中某个属性数据的改变而执行某项操作
  • 2- computed 数据具有缓存机制 watch没有