added lesson 6 code

Shaun Pelling · Shaun Pelling · commit 0c19db6f75eb · 2017-03-27T16:09:50.000+01:00
diff --git a/app.js b/app.js
@@ -15,6 +15,9 @@ new Vue({
         updateXY: function(event){
             this.x = event.offsetX;
             this.y = event.offsetY;
+        },
+        click: function(){
+            alert('you clicked me');
         }
     }
 });
diff --git a/index.html b/index.html
@@ -9,12 +9,13 @@
     <body>
         <div id="vue-app">
             <h1>Events</h1>
-            <button v-on:click="add(1)">Add a Year</button>
+            <button v-on:click.once="add(1)">Add a Year</button>
             <button v-on:click="subtract(1)">Subtract a Year</button>
             <button v-on:dblclick="add(10)">Add 10 Years</button>
             <button v-on:dblclick="subtract(10)">Subtract 10 Years</button>
             <p>My age is {{age}}</p>
-            <div id="canvas" v-on:mousemove="updateXY">{{ x }} , {{ y }}</div>
+            <div id="canvas" v-on:mousemove.capture="updateXY">{{ x }} , {{ y }}</div>
+            <p><a v-on:click.prevent="click" href="http://www.thenetninja.co.uk">The Net Ninja</a></p>
         </div>
     </body>
 
