学习vue.js表单控件绑定操作

本文实例为大家分享了vue.js表单控件绑定的具体代码，供大家参考，具体内容如下

html:

{{message}}





{{ checked }}




Jack

John

Mike
我是{{checkedNames}}





man

woman
选择的时是{{sex}}





A
B
C

我是{{selected}}





A
B
C

我选择了{{selected}}






{{item.text}}



选择的是{{selected}}












 

js:

var app1=new Vue({
el:'#app-1',
data:{
message:'开始'
}
});
var app2=new Vue({
el:'#app-2',
data:{
checked:false
}
});
var app3=new Vue({
el:'#app-3',
data:{
checkedNames:[]
}
});
var app4=new Vue({
el:'#app-4',
data:{
sex:''
}
});
var app5=new Vue({
el:'#app-5',
data:{
selected:''
}
});
var app6=new Vue({
el:'#app-6',
data:{
selected:[]
}
});
var app7=new Vue({
el:'#app-7',
data:{
selected: 'A',
items:[
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。