Untitled

<template>
<div class="register">
  <head>
    <title>Capstone Connect</title>
  </head>

  <body>
    <h1>Capstone Connect</h1>


    <h1>form starts here</h1>

		<form @submit.prevent="handleSubmit">
			<label>First name: <br>
				<input required type="text" name="firstName" size="15" maxlength="60" v-model="user.firstName" placeholder="fill me in"/>
			</label>
			<br>
			<label>Last name: <br>
				<input required type="text" name="lastName" size="15" maxlength="60" v-model="user.lastName"/>
			</label>
			<br>
			<label>Email: <br>
				<input required type="email" name="email" size="15"  maxlength="255" v-model="user.email"/>
			</label>
			<br>
			<label>Password: <br>
				<input required type="password" name="password" size="15" maxlength="30" v-model="user.password"/>
			</label>
			<br>
			<!--input type="submit" name="register" value="register"/-->
			<button type = "submit"> register</button>
		</form>

  </body>
</div>
</template>

<script>
export default {
	data(){
		return{
			user:{
				email:'',
				firstName: '',
				lastName: '',
				password: ''
			}
		}
	},

	methods:{
		handleSubmit(){
			alert(this.user.email);
			alert(this.user.firstName);
			alert(this.user.lastName);
			alert(this.user.password);
		}
	},
  name: "registerPage",
  props: {
    msg: String
  }
};


</script>