Vue——表单输入绑定

1、代码如下：

  
  08_表单输入绑定




  
      用户名：
      

      密码：
      

      性别
      
      女
      
      男

      爱好：
      
      篮球
      
      足球
      
      乒乓球

      城市：
      
          未选择
          {{city.name}}
      

      介绍：
      

      
  




  new Vue({
      el:"#demo",
      data:{
        username:'',
        pwd:'',
        sex:'女',/*默认选中女*/
        likes:[],
        allCitys:[{id:'1',name:'北京'},{id:'2',name:'上海'},{id:'3',name:'深圳'}],
        cityId:'',
        desc:''
      },
      methods:{
          handleSubmit(){
              console.log(this.username+"-----"+this.pwd)
          }
      }
  })

2、效果图如下：