vue 表单之checkbox

vue 表单之checkbox

<div id="app">
    单个checkbox
    如果是复选框 只有一个复选框的时候，会把辞职转换成布尔值类型，如果是true则代表选中
    <input  type="checkbox"  v-model="val" value="val" > {{val}}
    <br>
    多个复选框 用数组表示
    <input  type="checkbox"  v-model="val1" value="爱好1" >
    <input  type="checkbox"  v-model="val1" value="爱好2" >
    <input  type="checkbox"  v-model="val1" value="爱好3" >
    <br>
    {{val1}}

</div>
</body>
<script>
    let a = new Vue({
        el:"#app",
        data:{
            val:0,
            val1:[]
        },
    });
</script>