v-model原理

数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。在vue里面使用v-model实现双向数据绑定。

Vue实现双向数据绑定主要采用：数据劫持结合“发布-订阅”模式的方式，通过Object.defineProperty()的set和get，在数据变动时发布消息给订阅者触发监听

Object.defineProperty它可以直接在一个对象上面定义一个新属性，或者修改一个对象的现有属性，并返回这个对象

语法

Object.defineProperty(object,propertyname,descriptor)  //参数（3个且必须）

参数

Object：要在其上添加或修改属性的对象

Propertyname:要定义或修改的属性的名称。（存在修改，不存在，自定义，设置属性和描述配置）

descriptor：将被定义或修改的属性描述符。（可以包含以下属性，默认情况下，writable，enumerable,configurable值为false）

方法访问器,可选键值()

get():属性的getter函数，如果没有getter，则为undefined。当访问该属性时，会调用此函数。执行时不传入任何参数，但是会传入this对象（由于继承关系，这里的this并不一定是定义该属性的对象）。该函数的返回值会被用作属性的值

set()：属性的setter函数，如果没有setter，则为undefined。当属性值被修改时，会调用此函数。该方法接收一个参数（也就是被赋予的新值），会传入赋值的this对象。