Vue2.0学习笔记v-model(6)

v-model:绑定数据源。就是把数据绑定在特定的表单元素上，可以很容易的实现双向数据绑定。
一、最简单的双向数据绑定

    
原始信息：{{msg}}

二、修饰符
.lazy：取代 imput 监听 change 事件。
.number：输入字符串转为数字。
如果一开始输入的是字符，不是数字，并不会起作用
.trim：输入去掉首尾空格。

  
v-model:lazy
    
v-model:number
    
v-model:trim

三、文本域加入数据绑定

 
文本域：
    

四、多选按钮绑定一个值

 
多选框绑定一个值
    
    {{isTrue}}

五、多选绑定一个数组

 

        
        jianjian
        
        lili
        
{{names}}
    

六、单选按钮绑定

 
单选框绑定
    

        
        男
        
        女
        
选的是:{{sex}}
    

 

加油啊！今天吃狗粮，明天除夕了，希望在新年来前把这个学完了，心好累，某些人，爱咋咋地，不奉陪了，不想当炮灰和接盘侠，就酱！