added lesson 16 code

Shaun Pelling · Shaun Pelling · commit f59f94fe9e7d · 2017-03-30T15:36:46.000+01:00
diff --git a/app.js b/app.js
@@ -1,8 +1,12 @@
-Vue.component('greeting', {
-    template: '<p>Hey there, I am a re-usable component</p>'
-});
-
 new Vue({
-    el: '.vue-app-one'
-    /*template: '<p>I am a template</p>'*/
+    el: '#vue-app-one',
+    data: {
+        output: 'Your favourite food'
+    },
+    methods: {
+        readRefs: function(){
+            console.log(this.$refs);
+            this.output = this.$refs.input.value;
+        }
+    }
 });
diff --git a/index.html b/index.html
@@ -7,13 +7,12 @@
         <script src="https://unpkg.com/vue"></script>
     </head>
     <body>
-        <h1>Templates</h1>
-        <div class="vue-app-one">
-            <greeting></greeting>
-            <greeting></greeting>
+        <h1>Refs</h1>
+        <div id="vue-app-one">
+            <input type="text" ref="input" />
+            <button v-on:click="readRefs">Submit</button>
+            <p>{{ output }}</p>
         </div>
-        <!--<div class="vue-app-one"></div>-->
-
     </body>
 
     <script src="app.js"></script>
