Vue学习笔记之表单输入控件绑定

{{ checked }} 

var vm=new Vue({
   el:'#app',
   date:{
    checked:[]
   }, 

男
女
{{picked}} 

var vm=new Vue({
 el:'#app',
 date:{
  picked: ''
 },

 
 请选择
 河北
 山西
 北京 
 
{{ selected }} 

var vm=new Vue({
 el:'#app',
 date:{
  selected:'',
 }, 

 
 A
 B
 C
 
 

 Selected: {{ selected }}
 
new Vue({
 el: '#example-6',
 data: {
 selected: []
 }
}) 

 ABC
 

 

// 当选中时
vm.toggle === vm.a
// 当没有选中时
vm.toggle === vm.b

 

// 当选中时
vm.pick === vm.a 

 
 123
 

// 当选中时
typeof vm.selected // => 'object'
vm.selected.number // => 123 

 {{msg}}
 

{{num1}}
 
{{num2}}
 

{{num1+num2}} 

var vm=new Vue({
 date:{
  num1:1,
  num2:1
 },
}); 

 {{msg}}