详解vue表单

 {{message}}
 {{message1}}
  单选按钮
  男 女
  跑步 爬山 滑雪
    请选择 html javascript css     {{option.text}}   
 var app7 = new Vue({ el: '#app7', data:{ message: '单行文本', message1: '多行文本', picked: true, sex: 'boy', hobby: ['爬山','滑雪'], select: 'css', selected: 'A', options: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' }, { text: 'Three', value: 'C' } ] } });

   单选按钮 
{{picked}}
 
{{value}}
   复选框 
{{toggle}}
 
{{value1}}
 
{{value2}}
   123  {{selected.number}} 
 var app8 = new Vue({ el: '#app8', data:{ picked: false, value: 'boy', toggle: false, value1: 'a', value2: 'b', selected: '' } });

   
{{message}}
   
{{typeof number}}
   
{{text}}
 
 var app9 = new Vue({ el: '#app9', data:{ message: '', number: '', text: '' } });