Vue 的深入响应式原理，双向绑定原理，数据驱动

数据驱动

当数据发生变化时，视图也跟着进行更新，这叫做数据驱动

深入响应式

当数据发生变化时，视图也跟着进行更新

双向绑定

使用 v-model 指令绑定了表单元素时，可以在视图直接获得数据，当视图发生改变时，数据也会进行更新

其实这三个的原理是一样的

利用数据劫持和事件的订阅和发布来实现数据的双向绑定，在使用 vue data 定义数据的时，vue 会通过观察者对象（observer）将data 选项中的所有key，经过Object.defuneProperty 的getters 和setter 进行设置，通过 v-model 指令进行绑定时，就会自动触发 getter 和stter 会返回一个初始值，这样就可以看到数据了，当视图内容发生变化时，就会触发 setter，setter 就会通知 Vue，视图已经发生变化， Vue 就会通过 differ 算法生成 patch 对象，在将patch渲染到视图相应的位置。