双向数据绑定原理

2.0

双向数据绑定原理
双向数据绑定原理

3.0

双向数据绑定原理

2.0双向绑定原理

既然是双向绑定原理,那肯定需要个中间件接收,Object.definProperty就是这个中间件,它里面有几个参数,obj是对象,name是obj对象里面的属性,以及set(),get()方法,这个Object.definProperty有个作用就是一旦监听到了一个obj里面name属性的值改变,就会触发set()方法,然后就可以给标签一个自定义事件,接收name的值,这样就实现了单向绑定,还要双向绑定,就在找到另一个标签元素,然后赋值上去就实现了双向绑定原理

3.0双向绑定原理

为何3…0会使用proxyData,因为Object.definProperty只能监听对象里name的属性的值改变,要是我给data.age复制就不会触发set().get()方法了,所以3.0就使用了proxyData,它可以监听对象里所有属性的值,一旦改变了了,就会触发set(),get()方法