Basisrouting eingerichtet

src/views/About.vue

@@ -1,5 +1,15 @@
 <template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
+    <AboutScreen msg="Welcome to Your Vue.js App"/>
 </template>
+
+<script>
+// @ is an alias to /src
+import AboutScreen from '@/components/AboutScreen.vue'
+
+export default {
+  name: 'About',
+  components: {
+    AboutScreen
+  }
+}
+</script>

src/views/Home.vue

@@ -1,18 +1,15 @@
 <template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
-  </div>
+    <HomeScreen/>
 </template>
 
 <script>
 // @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
+import HomeScreen from '@/components/HomeScreen.vue'
 
 export default {
   name: 'Home',
   components: {
-    HelloWorld
+    HomeScreen
   }
 }
 </script>

src/views/InfodisplayLehrer.vue

@@ -0,0 +1,37 @@
+<template>
+
+  <v-app>
+    <v-navigation-drawer app>
+      <!-- -->
+    </v-navigation-drawer>
+  
+    <v-app-bar app>
+      <!-- -->
+    </v-app-bar>
+  
+    <!-- Sizes your content based upon application components -->
+    <v-main>
+  
+      <!-- Provides the application the proper gutter -->
+      <v-container fluid>
+  
+        <!-- If using vue-router -->
+        <router-view></router-view>
+      </v-container>
+    </v-main>
+  
+    <v-footer app>
+      <!-- -->
+    </v-footer>
+  </v-app>
+
+</template>
+
+<script>
+export default {
+  name: 'InfodisplayLehrer',
+  props: {
+    msg: String
+  }
+}
+</script>

src/views/InfodisplaySchueler.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="hello">
+    <h1>Schueler</h1>
+    {{ msg }}
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'VPSchueler',
+  props: {
+    msg: String
+  }
+}
+</script>