added lesson 24 code

iamshaunjp · iamshaunjp · commit 721435a4394b · 2017-03-31T16:19:34.000+01:00
diff --git a/src/App.vue b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <app-header v-bind:title="title"></app-header>
+        <app-header v-bind:title="title" v-on:changeTitle="updateTitle($event)"></app-header>
         <app-ninjas v-bind:ninjas="ninjas"></app-ninjas>
         <ul>
           <li v-for="ninja in ninjas">{{ ninja.name }}</li>
@@ -33,6 +33,11 @@ export default {
           ],
           title: 'Vue Wizards'
         }
+    },
+    methods: {
+      updateTitle: function(updatedTitle){
+        this.title = updatedTitle;
+      }
     }
 }
 </script>
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -18,7 +18,7 @@ export default {
     },
     methods: {
       changeTitle: function(){
-        this.title = 'Vue Ninjas';
+        this.$emit('changeTitle', 'Vue Ninjas');
       }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div>`
`3`		`- <app-header v-bind:title="title"></app-header>`
	`3`	`+ <app-header v-bind:title="title" v-on:changeTitle="updateTitle($event)"></app-header>`
`4`	`4`	`<app-ninjas v-bind:ninjas="ninjas"></app-ninjas>`
`5`	`5`	`<ul>`
`6`	`6`	`<li v-for="ninja in ninjas">{{ ninja.name }}</li>`
`@@ -33,6 +33,11 @@ export default {`
`33`	`33`	`],`
`34`	`34`	`title: 'Vue Wizards'`
`35`	`35`	`}`
	`36`	`+ },`
	`37`	`+ methods: {`
	`38`	`+ updateTitle: function(updatedTitle){`
	`39`	`+ this.title = updatedTitle;`
	`40`	`+ }`
`36`	`41`	`}`
`37`	`42`	`}`
`38`	`43`	`</script>`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export default {`
`18`	`18`	`},`
`19`	`19`	`methods: {`
`20`	`20`	`changeTitle: function(){`
`21`		`- this.title = 'Vue Ninjas';`
	`21`	`+ this.$emit('changeTitle', 'Vue Ninjas');`
`22`	`22`	`}`
`23`	`23`	`}`
`24`	`24`	`}`