1、v-model

v-model不再关心初始化的value值。

            
                             
     
            
                  
      
输入的文本内容是：{
    {message}}
        
     
                    

效果：

 

 2、单选

            
                             
     
            
                  
      HTML            
      
            
                  
      HTML            
      
            
                  
      HTML            
      
            
      
选择项为：{
    {picked}}
        
     
                    

3、复选框

（1）单独使用时

v-model绑定布尔值

            
                             
     
            
      js                       
      
选择项为：{
    {checked}}
        
     
                    

（2）组合使用

            
                             
     
            
      html            
      
       html
                  
      
            
      js            
      
       js
                  
      
            
      css            
      
       css
                  
      
            
      
选择项为：{
    {checked}}
        
     
                    

4、下拉列表

（1）单选下拉列表

            
                             
     
            
                      html                js                css                        
      
            
      
选择项为：{
    {selected}}
        
     
                    

（2）多选下拉列表

            
                             
     
            
                      html                js                css                        
      
            
      
选择项为：{
    {selected}}
        
     
                    

5、修饰符

（1）lazy

            
                             
     
            
                  
                  
      
            
      
{
    {message}}
        
     
                    

 

（2）number

输入转为number类型

            
                             
     
            
                  
                  
      
            
      
{
    { typeof message}}
        
     
                    

（3）trim

去掉输入框的首尾空格

            
                             
     
            
                  
                  
      
            
      
{
    {message}}