模板初步完成

src/router/index.js

@@ -4,6 +4,9 @@ import App from '../App.vue'
 import Home from '../views/Home/Home.vue'
 import Login from '../views/Login/Login.vue'
 import Aa from '../views/A/Aa.vue'
+import Ab from '../views/A/Ab.vue'
+import Ac from '../views/A/Ac.vue'
+import Ad from '../views/A/Ad.vue'
 
 Vue.use(VueRouter)
 
@@ -31,12 +34,33 @@ const routes = [
 		component: Home,
 		children: [
 			{
-				path: '/aa',
-				name: 'aa',
+				path: '/home1_1',
+				name: 'home1_1',
 				component: Aa
+			},
+			{
+				path: '/home1_2',
+				name: 'home1_2',
+				component: Ab
+			},
+			{
+				path: '/home1_3',
+				name: 'home1_3',
+				component: Ac
+			},
+			{
+				path: '/home1_4',
+				name: 'home1_4',
+				component: Ad
 			}
 		]
 	},
+	{
+		path: '*',
+		name: 'home',
+		component: Home
+		
+	},
 ]
 
 const router = new VueRouter({

src/views/A/Ab.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="Ab">
+    <h1>Ab bbbbbbbbbbbbbbb</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Ab'
+}
+</script>
+

src/views/A/Ac.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="Ac">
+    <h1>Ac ccccccccccccccccccccc</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Ac'
+}
+</script>
+

src/views/A/Ad.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="Ad">
+    <h1>Ad dddddddddddddddddddd</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Ad'
+}
+</script>
+

src/views/Home/Home.vue

@@ -88,8 +88,10 @@ export default {
         // 点击菜单项
         onClickMenu(e) {
             console.log(e.$attrs.routerName);
+            // 如果要跳转的路由和当前路由一致就 return
+            if(this.$router.history.current.name == e.$attrs.routerName) return
             this.$router.push({
-                path: "/aa"
+                path: "/" + e.$attrs.routerName
             });
         }
     }

src/views/Home/mencCofig.js

@@ -70,19 +70,23 @@ export const menuData = [
             {
                 optionName: '选项1',
                 index: '1-1',
-                routerName: "home1-1"
+                routerName: "home1_1"
             },
             {
                 optionName: '选项2',
                 index: '1-2',
-                routerName: "home1-2"
+                routerName: "home1_2"
             },
             {
                 optionName: '选项3',
                 index: '1-3',
-                routerName: "home1-3"
+                routerName: "home1_3"
             },
-            
+            {
+                optionName: '选项4',
+                index: '1-4',
+                routerName: "home1_4"
+            }
         ]
     },
     // 无子菜单的