深入响应式原理 【 数据驱动原理/ 双向数据绑定原理 】

1. 深入响应式原理

- 数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新

2. 数据驱动

- 数据改变,视图改变

3. 双向数据绑定原理

- 我们使用v-model这个指令来实现，数据改变，视图改变，视图改变，数据也随之改变

 

vue是通过数据劫持和订阅发布来进行深入响应的，数据劫持指的是，vue通过es5的Object.defineProperty属性对data选项中的数据进行getter和setter设置，订阅发布指的是vue通过之定义自定义事件将data的变化反映到视图上去，vue通过observer观察者对象反应数据的变化，然后通知vue生成新的Virtual DOM ，进而渲染视图

 

关键词：

数据劫持

订阅发布

es5 Object.defineProperty getter setter

observer对象

将data选项中的数据全部做一遍getter和setter设置，然后他们的变化就会被observer监听到