九、computed计算属性

郁子小于 1 分钟约 233 字笔记Vue2尚硅谷张天禹

(一)定义

  • 要用的属性不存在,需要通过已有的属性计算得来

(二)原理

  • 底层借助 Object.defineProperty() 提供的 getter 和 setter

(三)get 函数什么时候执行

  • 初次读取时会执行一次
  • 当依赖的数据发生改变时会被再次调用

(四)优势

  • 与 methods 实现相比,内部有缓存机制(可以 复用 ),效率更高,调试方便

(五)备注

  • 计算属性最终会出现在 vm 上,直接读取使用即可
  • 如果计算属性要被修改,那必须写 set 函数去响应式修改,且 set 中要引起计算属性计算时 所依赖的数据 发生改变
  • 如果确定计算属性只读取不修改,可以省略 getter 和 setter,把定义的计算属性对象写成 函数 形式
上次编辑于: