01 

v-model

你可以用 v-model 指令在表单 <input>、<textarea> 及 <select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。

    
     
     
信息是: {
   {msg }}
    

 02 

复选框 

复选框默认选中值为true 未选中值为false

{
   { checked }}

 03 

多个复选框

我们可以把多个复选框的值保存在一个数组里面

    
     
     木木
     
     曾庆林
     
     mumu
     
     选择的名字是: {
   { checkedNames }}
    
    
    

 04 

修饰符

在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：

.number

如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符

.trim

如果要自动过滤用户输入的首尾空白字符，可以给 v-model 添加 trim 修饰符：