var app7 = new Vue({
el: '#app7',
data:{
message: '单行文本',
message1: '多行文本',
picked: true,
sex: 'boy',
hobby: ['爬山','滑雪'],
select: 'css',
selected: 'A',
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
});
二、值绑定
单选按钮、复选框和选择列表在单独使用或单选的模式下, v-model 绑定的值是一个静态字符串或布尔值, 但在业务中,有时需要绑定一个动态的数据, 这时可以用v-bind 来实现。
一组代码,看完表单常用radio、checkbox、select的值绑定:
var app8 = new Vue({
el: '#app8',
data:{
picked: false,
value: 'boy',
toggle: false,
value1: 'a',
value2: 'b',
selected: ''
}
});