added lesson 8 code

Shaun Pelling · Shaun Pelling · commit ec7c7f53a141 · 2017-03-27T17:14:33.000+01:00
diff --git a/app.js b/app.js
@@ -1,7 +1,8 @@
 new Vue({
     el: '#vue-app',
     data: {
-
+        name: '',
+        age: ''
     },
     methods: {
         logName: function(){
diff --git a/index.html b/index.html
@@ -10,9 +10,11 @@
         <div id="vue-app">
             <h1>Keyboard Events</h1>
             <label>Name:</label>
-            <input type="text" v-on:keyup.enter="logName" />
+            <input type="text" v-on:keyup.enter="logName" v-model="name" />
+            <span>{{ name }}</span>
             <label>Age:</label>
-            <input type="text" v-on:keyup.alt.enter="logAge" />
+            <input type="text" v-on:keyup.alt.enter="logAge" v-model="age" />
+            <span>{{ age }}</span>
         </div>
     </body>
 
diff --git a/styles.css b/styles.css
@@ -1,6 +1,4 @@
-#canvas{
-    width: 600px;
-    padding: 200px 20px;
-    text-align: center;
-    border: 1px solid #333;
+label{
+    display: block;
+    margin: 20px 0 10px
 }
