From 45fa5dc5eef5786604dfb58c154341d39827cc86 Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrelsouza@gmail.com>
Date: Tue, 17 Apr 2018 23:25:38 -0400
Subject: [PATCH] s9e125 switching multiple components with dynamic components

---
 s9/src/components/Author.vue | 13 +++++++++++++
 s9/src/components/New.vue    | 24 ++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 s9/src/components/Author.vue
 create mode 100644 s9/src/components/New.vue

diff --git a/s9/src/components/Author.vue b/s9/src/components/Author.vue
new file mode 100644
index 0000000..ec7e35c
--- /dev/null
+++ b/s9/src/components/Author.vue
@@ -0,0 +1,13 @@
+<template>
+    <h3> The Author </h3>
+</template>
+
+<script>
+    export default {
+        name: "Author"
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/s9/src/components/New.vue b/s9/src/components/New.vue
new file mode 100644
index 0000000..f07cb43
--- /dev/null
+++ b/s9/src/components/New.vue
@@ -0,0 +1,24 @@
+<template>
+    <div>
+    <h3> New Quote </h3>
+    <button @click="counter += 1"> up </button>
+    {{counter}}
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                counter: 0
+            };
+        },
+        destroyed(){
+            console.log("destroyed")
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file