VueJS2 Net Ninja Part 2

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>VueJS2 Tutorials</title>
	<link href="style.css" rel="stylesheet">
	<script src="http://unpkg.com/vue"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css" >
</head>
<body>
	<div id="vue-app">
    <h1>keyboard event</h1>
		<label>Name: </label> 
    <input type="text" v-model="name"/>
		<span>{{name}}</span>
    
		<label>Age: </label> 
    <input type="text" v-model="age"/>
		<span>{{age}}</span>
  </div>
	<script src="app.js"></script>
</body>
</html>

CSS

#vue-app
{
  font-size: 24px;
  margin: auto;
}

Vue

new Vue({
  el: '#vue-app',
  data: {
  	name: '',
		age: ''
  }
});