Vue.js 表单，单选&复选框

v-model 指令在表单控件元素上创建双向数据绑定。

复选框：

<div >taobao</label>

<br>

<span>选择的值为: {{ checkedNames }}</span>

</div>

<script>

new Vue({

el: '#app',

data: {

checked : false,

checkedNames: []

}

})

</script>

单选框

<div > <input type="radio" value="Runoob" v-model="picked"> <label for="runoob">Runoob</label> <br> <input type="radio" value="Google" v-model="picked"> <label for="google">Google</label> <br> <span>选中值为: {{ picked }}</span> </div> <script> new Vue({ el: '#app', data: { picked : 'Runoob' } })

</script>