学习vue.js表单控件绑定操作

本文实例为大家分享了vue.js表单控件绑定的具体代码，供大家参考，具体内容如下

html:

rush:xhtml;"> <Meta charset="UTF-8">

{{message}}

<div id="app-2">
<input type="checkBox" id="checkBox" v-model="checked">
<label for="checkBox">{{ checked }}

Box" id="checkBoxjack" v-model="checkednames" value="Jack"> Boxjack">Jack Box" id="checkBoxJohn" v-model="checkednames" value="John"> BoxJohn">John Box" id="checkBoxMike" v-model="checkednames" value="Mike"> BoxMike">Mike 我是{{checkednames}}

<div id="app-4">
<input type="radio" id="man" value="man" v-model="sex">
<label for="man">man
<input type="radio" id="woman" value="woman" v-model="sex">
<label for="woman">woman
选择的时是{{sex}}