双向数据绑定原理图
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/1930d5bf4f084d97aa62e72ef9d30e4e.pn
- 用户在视图中输入数据。
- 视图触发ViewModel中的input事件。
- ViewModel通知Observer更新数据。
- Observer检测到数据变化,通知相应的Dep(依赖收集器)。
- Dep通知所有相关的Watcher。
- Watcher触发虚拟DOM的更新。
- 虚拟DOM进行内部对比,找出需要更新的部分。
- 虚拟DOM更新真实DOM。
- 真实DOM更新视图显示。
- 用户看到更新后的界面。
原文地址:https://blog.csdn.net/qq_35915504/article/details/142823665
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!