vue数据的双向绑定的理解

数据监听器:observer.对数据的属性进行监听,如果发生变化,会告诉发布者。
发布者:通知订阅者数据发生变了。(发布者会通知订阅者更新视图)
订阅者:视图元素订阅的数据信息。data下面的每一个数据,都会有多个订阅者。
订阅者的职责:当数据发生变化时,会将与数据相关的元素属性进行更新(更新视图)* 订阅者与数据的关系是多对一的。
编译器:对HTML进行解析的,分析HTML,然后生成相对应的事件以及订阅者。
watcher:数据监听器与编译器的一个桥梁。订阅者(更新视图)
总结:1、实现一个数据监听器Observer,对数据对象的所有属性进行监听,当数据发生变化时,通知与该数据相关的所有订阅者。
2、实现一个HTML解析器 对每个元素进行解析,根据其相对应的属性,为其增加订阅者或绑定事件。
3、watcher:生成订阅者
双向绑定:通过数据监听器,以及HTML解析器再加上一个订阅者生成器来完成的。 在对数据监听时,可以根据数据的变化去通知相对应的数据订阅者,让你的订阅者更新视图。 当视图影响到数据时,数据会发生变化。当数据变化,再次通知订阅者。

发布了2 篇原创文章 · 获赞 0 · 访问量 15

猜你喜欢

转载自blog.csdn.net/weixin_46439533/article/details/105128775