vue3 computed 属性笔记

computed 具有缓存的特点

computed 对象是一个类的实例对象
computed 对象本质上就是 ComputedRefImpl 的实例对象

实例属性

dep属性
是当computed 发生变化时需要通知computed对象进行重新渲染 这里dep就是存储那行effect依赖了该computed

effect属性
除了computed 发生改变时依赖的computed 重新渲染 另外计算属性中依赖的响应式数据
发生改变时 该computed 也会进行重新渲染 简单的说一个computed 也是一个effct 它对它内部
使用响应式的数据进行依赖收集

_value
computed 是具有缓存的特点 那么每次改变计算的值需要存储 这里的_value就是computed
存储值的位置

_dirty
当每次访问computed时 就是通过_dirty来进行判断本次computed 是否需要重新计算如果不需要则直接返回_values属性

__v_isReadonly
这个属性表示computed 是否可写 通常情况下computed 仅具有getter函数 那么此时computed 不具备写入是因为没有setter。所以当get/set都具有属性时该属性为false

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值