【读书笔记】第3章 指令v-model

v-model ： 双向绑定数据， 用于表单元素： input， select， text，checkbox，radio等的表单元素。
1、实现效果：

v-model实现效果.png

2、整体代码

    

        姓名：
        
        

        性别：
         
        男
        
        女
        

        兴趣
        
        阅读

        
        游泳

        
        游戏

        
        唱歌
        


        身份： 
        
            教師
            醫生
            律師
        
    

3、v-model 指令后面， 可以添加多个参数（number， lazy，debounce）。
number： 将用户输入的自动转为Number类型， （如果原值的转化结果为NaN， 则返回原值）
lazy： 在change时间中去同步。
debounce : 防止进行高耗操作， 就是防止input 框改变数据后，立马传到后台， 当input 框里的内容确定之后呢， 在传， 所以加了一个小小的延时。
实现效果：

    
    {{isNumber}}
    

    
     {{msg}}
    

    
     {{msg2}}

/********************************************************************************
**********************欢迎各位码农， 小伙伴来指正************************
*********** 本姑凉微信公众号是，“前端进益” 欢迎来围观****************
********************************************************************************/