SOURCE

var vm = new Vue({
  el:"#app",
  data(){
    return {
      message:'abc',
      sex:'',
      check:[],
      addre:''
    }
  },
  methods:{
    textChange:function(){
		   console.log(this.message)
    },
    sexChange(){
      console.log(this.sex)
    },
    checkChange(){
			console.log(this.check)
    },
    addreChange(){
			console.log(this.addre)
    }
  }
})

<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
<!-- <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> -->
<div id="app">
  <input type="text" v-model="message" @input="textChange"/>
  <p>性别</p>
  <input type="radio" value="男" v-model="sex" name="sex" @change="sexChange"/>  <label for="">男</label>
  <input type="radio" value="女" v-model="sex" name="sex"  @change="sexChange"/><label for="">女</label>
 <p>兴趣:</p>
        <input type="checkbox" name="check" value="足球" v-model="check" @change="checkChange"/><label for="">足球</label>
        <input type="checkbox" name="check" value="篮球" v-model="check" @change="checkChange"/><label for="">篮球</label>
        <input type="checkbox" name="check" value="电影" v-model="check" @change="checkChange"/><label for="">电影</label>
        <input type="checkbox" name="check" value="阅读" v-model="check" @change="checkChange"/><label for="">阅读</label>
  
  <p>位置：</p>
    <select name="sele" id="sele" v-model="addre" @change="addreChange">
      <option value="北京">北京</option>
      <option value="河北">河北</option>
      <option value="河南">河南</option>
    </select>
</div>