九、computed计算属性
小于 1 分钟约 233 字
(一)定义
- 要用的属性不存在,需要通过已有的属性计算得来
(二)原理
- 底层借助
Object.defineProperty()
提供的 getter 和 setter
(三)get 函数什么时候执行
- 初次读取时会执行一次
- 当依赖的数据发生改变时会被再次调用
(四)优势
- 与 methods 实现相比,内部有缓存机制(可以 复用 ),效率更高,调试方便
(五)备注
- 计算属性最终会出现在 vm 上,直接读取使用即可
- 如果计算属性要被修改,那必须写 set 函数去响应式修改,且 set 中要引起计算属性计算时 所依赖的数据 发生改变
- 如果确定计算属性只读取不修改,可以省略 getter 和 setter,把定义的计算属性对象写成 函数 形式