Vue的学习笔记----008 表单数据的自收集

利用数据绑定v-model 或者 它的简写 :，获取用户输入的表单数据

直接上代码

<template>
  <div id="app">
    <form @submit.prevent="myFun1">
      姓名：<input type="text" v-model="user.name" />    <br/>
      年龄：<input type="text" v-model="user.age"/>     <br/>
      <input type="submit"  value="提交"/>
    </form>

  </div>
</template>

<script>

export default {
  name: 'app',
  data(){
    return{
      user:{
        name:'',
        age:'',
      }
    }
  },
  methods:{
    myFun1(){
      alert('姓名：'+this.user.name+',年龄：'+this.user.age)
    }
  }
}
</script>

<style>

</style>