vue学习笔记6 v-model数据源绑定及修饰符

v-model

一个双向的数据源绑定

 

修饰符

v-model.lazy   懒加载

v-model.number  数字类型，但如果先输入的是字符 这个就无效了

v-model.trim  去除空格

 

绑定一个文本域

<textarea rows="" cols="" v-model="val"></textarea>

 

绑定一个多选框 agree:true

input checkbox v-model="agree"   

 

绑定多个多选框 like:[]

<input type="checkbox" v-model="like" name="" id="like1" value="面包"><label for="like1">面包</label>
<input type="checkbox" v-model="like" name="" id="like2" value="油条"><label for="like2">油条</label>

 

绑定单选框 sex:''

<input type="radio" v-model="sex" name="" id="man" value="男"><label for="man">男</label>
<input type="radio" v-model="sex" name="" id="woman" value="女"><label for="woman">女</label>