8个页面路由

@@ -7,13 +7,42 @@ const router = createRouter({
     {
     {
       path: '/',
       path: '/',
       name: 'home',
       name: 'home',
-      component: Layout
+      component: Layout,
+      children: [
+        {
+          path: '',
+          name: 'myclass',
+          component: () => import('@/views/MyClass.vue')
+        },
+        {
+          path: 'newclass',
+          name: 'newclass',
+          component: () => import('@/views/NewClass.vue')
+        },
+        {
+          path: 'account',
+          name: 'account',
+          component: () => import('@/views/Account.vue')
+        }
+      ]
     },
     },
     {
     {
       path: '/login',
       path: '/login',
       name: 'login',
       name: 'login',
 
 
       component: () => import('@/views/Login.vue')
       component: () => import('@/views/Login.vue')
+    },
+    {
+      path: '/code',
+      name: 'code',
+
+      component: () => import('@/views/Code.vue')
+    },
+    {
+      path: '/detail',
+      name: 'detail',
+
+      component: () => import('@/views/ClassDetail.vue')
     }
     }
   ]
   ]
 })
 })

+<template>
+    <div class="about">
+      我是账号管理
+    </div>
+  </template>
+  
+  <style>
+  
+  </style>

+<template>
+    <div class="about">
+      我是课程详情
+    </div>
+  </template>
+  
+  <style>
+  
+  </style>

+<template>
+    <div class="about">
+      我是验证码
+    </div>
+  </template>
+  
+  <style>
+  
+  </style>

@@ -4,4 +4,6 @@
 
 
 <template>
 <template>
   <div>这是首页架子（git测试）</div>
   <div>这是首页架子（git测试）</div>
+  <!-- 这里是二级路由的出口 -->
+  <router-view></router-view> 
 </template>
 </template>

+<template>
+    <div class="about">
+      我是我的课程页面
+    </div>
+  </template>
+  
+  <style>
+  
+  </style>

+<template>
+    <div class="about">
+      我是新建课程页面
+    </div>
+  </template>
+  
+  <style>
+  
+  </style>