v-modo原理，vue响应式原理

v-modo原理

1、v-model主要提供了两个功能，view层输入值影响data的属性值，data属性值发生改变会更新view层的数值变化。

2、基本原理是通过v-on：input和v-bind:value

3、底层原理：是通过defineProperty来监听每一个属性的get，set方法，从而一旦某个属性重新赋值，则能监听到变化来操作相应的页面控制。

v-module原理

1、v-model的原理简单描述 v-model主要提供了两个功能，view层输入值影响data的属性值，data属性值发生改变会更新view层的数值变化。

2、 其核心就是，一方面modal层通过defineProperty来劫持每个属性，一旦监听到变化通过相关的页面元素更新。

3、另一方面通过编译模板文件，为控件的v-model绑定input事件，从而页面输入能实时更新相关data属性值。

4、 v-model是什么 v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。

5、 为什么使用v-model v-model作为双向绑定指令也是vue两大核心功能之一，使用非常方便，提高前端开发效率。

6、在view层，model层相互需要数据交互，即可使用v-model。

vue响应式原理

1、vue响应式的原理

2、当数据发生改变时，视图也会进行更新，这叫做数据驱动，也就是数据驱动视图

3、深入响应式原理

4、数据模型仅仅是普通的 JavaScript 对象。

5、而当你修改它们时，视图会进行更新

6、双向数据绑定原理

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