added lesson 25 code

Shaun Pelling · Shaun Pelling · commit 9ac967fb917c · 2017-04-03T07:16:45.000+01:00
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -4,6 +4,9 @@
     </footer>
 </template>
 <script>
+// imports
+import { bus } from '../main';
+
 export default {
     props: {
       title: {
@@ -15,6 +18,11 @@ export default {
         return{
 
         }
+    },
+    created(){
+        bus.$on('titleChanged', (data) => {
+            this.title = data;
+        });
     }
 }
 </script>
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -4,6 +4,9 @@
     </header>
 </template>
 <script>
+// imports
+import { bus } from '../main';
+
 export default {
     props: {
       title: {
@@ -18,7 +21,9 @@ export default {
     },
     methods: {
       changeTitle: function(){
-        this.$emit('changeTitle', 'Vue Ninjas');
+        // this.$emit('changeTitle', 'Vue Ninjas');
+        this.title = 'Vue Ninjas';
+        bus.$emit('titleChanged', 'Vue Ninjas');
       }
     }
 }
diff --git a/src/main.js b/src/main.js
@@ -1,6 +1,8 @@
 import Vue from 'vue'
 import App from './App.vue'
 
+export const bus = new Vue();
+
 new Vue({
   el: '#app',
   render: h => h(App)
