vue双向绑定底层原理(数据劫持)感悟

代码参考:https://www.cnblogs.com/wangjiachen666/p/9883916.html

一步步走完整个流程,对双向绑定豁然开朗了许多,具体的代码可以看看上面的博客,这里只说说自己学习的感受

1,为什么要使用Object.defineProperty?

调完代码后我发现,这里通过函数定义的get和set在监听值变化的过程中起到了很大的作用,无论是在去修改值还是读取值,都必须要通过get和set属性去获取,并且在订阅和发布更新的过程中也必须通过这个属性去获取对象

2,代码中如何保证修改的节点只在监听队列里保存一次?

在watcher文件中有两个类的函数,其中一个是get,值得注意的是在结构体建立的时候就调用了,直接将自己绑定到this上,当去读取data中的值时,会调用了observer中的get方法,在observer的get中监听到这个target,所以无论是什么节点,只有在建立时才会加入到监测队列中,所以不会有重复加入的问题

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值