s9e125 switching multiple components with dynamic components

s9/src/components/Author.vue

@@ -0,0 +1,13 @@
+<template>
+    <h3> The Author </h3>
+</template>
+
+<script>
+    export default {
+        name: "Author"
+    }
+</script>
+
+<style scoped>
+
+</style>

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>