public/home.js

@@ -1,5 +1,5 @@
-Vue.component('Home', {
+const ('Home', {
-    template: `<div id="message-list">
+    template: ` <div id="message-list" v-for="(msg, index) in               messages" :key="msg.id" :subject="msg.subject"               :message="msg.message" :tag="msg.tag"                       :user="msg.user">
                 <div class="om-card card">
                 <h6 class="msg-head">
                 <b>{{ subject }}</b>
@@ -10,7 +10,7 @@ Vue.component('Home', {
                 <div class="om-user-line">
                 <i class="material-icons">account_circle</i>
                 Erstellt von {{ user }}
-                </div></div></div>`,
+                </div></div>`,
     props: ['subject', 'message', 'tag', 'user']
 })
 

public/index.html

@@ -41,7 +41,9 @@
 
 
 
-        <div class="om-content">
+        <router-view class="om-content">
+        <Home></Home>
+        <!--
         <div id="message-list">
                 <Home
                     v-for="(msg, index) in messages"
@@ -52,7 +54,9 @@
                     :user="msg.user"
                 ></Home>
         </div>
-        </div>
+        -->
+        </router-view>
+
 	<nav class="nav nav-tabs nav-justified om-nav ">
 		<router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link>
 		<router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link>
@@ -60,11 +64,10 @@
 		<router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link>
 		<router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link>
 	</nav>
-        </div>
-        <!--<router-view></router-view> -->
-<!--
-    <script>
 
+    </div>
+
+    <script>
 
         const routes = [
             { path: "/home",            component: Home },
@@ -80,9 +83,8 @@
             router,
             el: '#app'
         });
-
     </script>
--->
+
 	<!-- NOTE: JavaScript Libs & Files -->
     <!-- NOTE: Call Vue Components -->
     <script src="home.js"></script>