本文共 2455 字，大约阅读时间需要 8 分钟。

Vue ��� v-model ������ radio���checkbox ��� select ���������������������

��� Vue.js ������������v-model ������������������������������������������������������������������������������������������������������������������ radio������������������ checkbox������������������������������������������������������������������������������������������

������v-model ��� radio���������������������������

��� radio ��������� v-model ������������������������ name ��������������� v-model ������������������ radio ��������������� name������������������������������ radio ���������������������������������������������

   
  
    
     ���
  
  
    
     ���
  
  
    
������������������: {{ sex }}
   

���������������������

• ������ radio ������������������ v-model���������������������������������
• ������������������������������sex ������������������������������������������

������v-model ��� checkbox���������������������������

������ checkbox������������������v-model ���������������������������������������������������true/false��������������������������������������������������� checkbox ������������

   
  
    
     ������������
  
  
    ���������
  
    
������������������: {{ isAgree }}
   

���������������������

• checkbox ��������������� v-model ��� isAgree ���������������������
• ��������������������� isAgree ���������������������

������v-model ��� checkbox���������������������������

���������������������������v-model ��������������������������������������� checkbox ������������������������������������������������������������������������������������

   
  
    
     ������
  
  
    
     ������
  
  
    
     ������
  
  
    
���������������������: {{ hobbies.join(', ') }}
   

���������������������

• ������ checkbox ������������������ hobbies ���������
• ������������������������������������������������������

������v-model ��� select������������������ select���������������������������

������ select ���������v-model ���������������������������������������������������������������������������������������������v-model ��������������� select ������������

������������select������������

   
  
    
    ������
    ������
    ���������
    ������
  
  
    
���������������������: {{ fruit }}
   

������������select multiple������������

   
  
    
    ������
    ������
    ���������
    ������
  
  
    
���������������������: {{ fruits.join(', ') }}
   

���������������������select ���������������������������������������atically ������ name ������������������������������������������������������������