Vue---组件

• v-modul:自动将Vue实例中定义的属性与Dom表单组件的vaule属性进行绑定。
  • radio:默认与其逻辑值绑定，即：选定：true、取消选定：false，除非设置了value属性。
  • checkbox:对应的vue.data.someAttribute是一个Array类型，并会自动插入和删除数组元素
    • 如果：checkbox中设置了：v-model="toggle" v-bind:true-value="a" v-bind:false-value="b"；
      vue实例中设置了：toggle:'', a:'ValueA',b='ValueB',那么选中的时候：toggle=ValueA,反之为'ValueB'
    • 如果：checkbox 中设置了：value="checkboxValue",v-model="toggle";
      vue实例中设置了：toggle ：[]，那么选中的时候：toggle=['checkboxValue']，反之为：toggle=[]
    • 如果：checkbox中设置了：v-model='toggle' ，vue实例中设置了：toggle："",那么选中的时候：toggle=true,反之为：false；
  • select：如果没有设置value属性，则默认取text值。

   
   
   


   

      
       

           
Input:
           
           lazyInput : 
           

           
Input: {{ inputVal }}
           
inputValLazy: {{ inputValLazy }}
       
       

           
Checkbox:
           
           Jack
           
           John
           
           Mike
           

           
checkbox: {{ checkedNames }}
       
        
       

           
Radio:
           
           One
           

           
           Two
           

           
radio: {{ picked }}
       

       

           
Select:
           
               ---请选择---
               A
               B：这个没有设置value属性,所以直接取了text
               C
               
               

           Selected: {{ selected }}