vuejs中多选框与单选框的值获取的方法

获取多选框的值的代码片段

{{myVal}}
<input type="checkbox" name="" value="apple" v-model="myVal" />
<label>applelabel>
<input type="checkbox" name="" value="banana" v-model="myVal" />
<label>bananalabel>
<input type="checkbox" name="" value="orange" v-model="myVal" />
<label>orangelabel>

data(){
    return{
        myVal:[]
    }
}

在数组中插入的值是input中的value属性的值
获取单选框的值的代码片段

{{myVal}}
<input type="radio" name="" value="apple" v-model="myVal" />
<label>applelabel>
<input type="radio" name="" value="banana" v-model="myVal" />
<label>bananalabel>
<input type="radio" name="" value="orange" v-model="myVal" />
<label>orangelabel>

data(){
    return{
        myVal:''//这里只是字符串 不再是数组
    }
}