Vue框架很核心的功能就是双向的数据绑定。  双向是指：Vue 对象的改变会直接影响到 HTML 的标签的变化，而且标签的变化也会反过来影响 Vue 对象的属性的变化。 v-model 指令用来在 、 、 text、 checkbox、radio 等表单控件元素上创建双向数据绑定 1， 例子：     文字输出到这里：    

{{message}}

例子2，

v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值。因为它会选择 Vue 实例中的数据来作为具体的值

当inetrest为数组时 三个复选框可以单个选择,返回的值时,游泳,唱歌,玩游戏.

当interest为空字符串时,点击某一个复选框,默认三个复选框都会被选中,返回的值时 true 或者false

例子3

返回值是value的值

例子4

 v-model 指令后还可以添加多个参数 （number、lazy、debounce）;

 lazy

在默认情况下，v-model 在 input 事件中同步输入框的值与数据，我 们们可以添加一个 lazy 特性，从而将数据改到 change 事件中发生

使用 lazy 参数是将双向数据同步的时间节点从 input 触发改为了 change 触发

2. number

该文章转载https://blog.csdn.net/WinSolstice/article/details/75172253