vue2.0学习笔记（五）：vue组件表单输入绑定 ：v-model

vue组件表单输入绑定 ：v-model:github链接 （demo03--持续更新中）
v-model
你可以用 v-model 指令在表单 及 元素上创建<em>双向数据</em>绑定。它会根据控件类型自动选取正确的方法来更新元素。</p> <ol> <li> <p><strong>文本</strong><br> 处理普通的输入框(input)</p> <pre><code><div> <input type="text" placeholder="请输入" v-model="inputText"> 第一个input输入的文本为：{{inputText}} </div> </code></pre> </li> <li> <p><strong>多行文本</strong><br> 处理多行文本<textarea>

    
    textarea输入的文本为：{{textArea}}

复选框
单个复选框，绑定到布尔值：

  

     单个复选框，绑定到布尔值：
     
     {{ checked }}
   

多个复选框，绑定到同一个数组：

   

     
     Jack
     

     John
     
     Mike
     

     Checked names: {{ checkedNames }}
    

单选按钮

     
     One
     

     
     Two
     

     单选按钮: {{ picked }}

选择框
单选时：

  
     请选择
     A
     B
     C
   
   单选时: {{ selected }}
 
 

多选时，绑定一个数组:

   

       
           A
           B
           C
       
       

       多选时，绑定一个数组: {{ selectedArr }}
   

可以使用v-for循环动态绑定数组

   

   可以使用v-for循环动态绑定数组
   
       
          {{ option.text }}
       
   
   多选时，绑定一个数组: {{ selectedArr2 }}
   

demo03源码