vue 编译/双向绑定

vue编译过程是怎样的

首先编译是因为vue写的模版语句html根本不 识别，我们通过编译的过程，可以进行依赖收集，进行依赖收集以后就把data中的数据模型和视图之间产生了绑定关系，产生了依赖关系，以后如果模型发生变化，就可以通知依赖的地方，让他们进行更新 ，这就是执行编译的目的。我们把界面全部编译以后，更新操作，可以做到模型驱动视图的变化，这就是编译过程

双向绑定是原理是什么

我们在做双向绑定的时候通常使用v-modal指令放在input这样的输入元素上。我们在编译的时候可以解析出v-modal。在操作的时候做了两件事，第一件事，把当前v-modal所属的元素上加了一个事件监听，把v-modal指定的回调函数作为input事件监听的回调函数 去监听，这样当input值发生变化的时候，可以把最新的值设置到 vue的实例上 ，因为vue的实例已经实现了数据的响应化，它的响应化的setter函数会触发界面中的所有模型的依赖的更新， 会通知所有依赖 去做更新和刷新，所以界面中跟这个数据相关的所有部分就更新了