01_双向数据绑定原理

双向数据绑定原理:
1)Vue实例上的所有data属性都会被Vue实例代理,而且是严格相等
2)这些data属性在Vue内部会通过Object.defineProperty的getter/setter进行依赖追踪
3)当用户修改了对应的属性值时,内部就会自动的触发setter方法
4)在setter方法中将数据的更新告知通知者,通知者就会将数据更新广播给每一个数据的watcher
5)watcher收到通知后判断对应数据是否发生,如果发生变化就会触发虚拟DOM进行更新,虚拟DOM更新后又会自动更新真实DOM




    Document


    

{{msg}}







你可能感兴趣的:(01_双向数据绑定原理)