一张MVVM的流程图，展示怎么从数据驱动视图 ，视图驱动数据的过程，发布订阅者模式配合观察者模式进行更新数据

利用TreeView自定义模板，实现了流程图效果，可实现多级绑定。 采用MVVM模式，通过绑定数据源来控制界面显示，使得流程控制更加方便。 原文链接：https://blog.csdn.net/wsadcg/article/details/107230210

研究了一下vue双向绑定的原理，所以简单记录一下，以下例子只是简单实现，还请大家不要吐槽~ 之前也了解过vue是通过数据劫持+订阅发布模式来实现MVVM的双向绑定的，但一直没仔细研究，这次深入学习了一下，借此机会分享给大家。 首先先将流程图给大家看一下 参考文章：Vue.js双向绑定的实现原理 我虽然参考的是这篇文章，下面的代码也是在阅读几遍后仿造的，自己只是简单添加了个递归实现所有dom子节点的双向绑定，以及添加了一些理解，但真正让我了然于心，让我可以独立写出2遍完整逻辑的其实是这张图，

下面由我阿巴阿巴的详细走一遍Vue中MVVM原理的实现，这篇文章大家可以学习到： 1.Vue数据双向绑定核心代码模块以及实现原理 2.订阅者-发布者模式是如何做到让数据驱动视图、视图驱动数据再驱动视图 3.如何对元素节点上的指令进行解析并且关联订阅者实现视图更新 一、思路整理 实现的流程图： 我们要实现一个类MVVM简单版本的Vue框架,就需要实现一下几点： 1、实现一个数据监听Observer，对数据对象的所有属性进行监听，数据发生变化可以获取到最新值通知订阅者。 2、实现一个解析器C