作者 姚富强

合并分支 'dev' 到 'master'

8个页面路由



查看合并请求 !2
@@ -7,13 +7,42 @@ const router = createRouter({ @@ -7,13 +7,42 @@ const router = createRouter({
7 { 7 {
8 path: '/', 8 path: '/',
9 name: 'home', 9 name: 'home',
10 - component: Layout 10 + component: Layout,
  11 + children: [
  12 + {
  13 + path: '',
  14 + name: 'myclass',
  15 + component: () => import('@/views/MyClass.vue')
  16 + },
  17 + {
  18 + path: 'newclass',
  19 + name: 'newclass',
  20 + component: () => import('@/views/NewClass.vue')
  21 + },
  22 + {
  23 + path: 'account',
  24 + name: 'account',
  25 + component: () => import('@/views/Account.vue')
  26 + }
  27 + ]
11 }, 28 },
12 { 29 {
13 path: '/login', 30 path: '/login',
14 name: 'login', 31 name: 'login',
15 32
16 component: () => import('@/views/Login.vue') 33 component: () => import('@/views/Login.vue')
  34 + },
  35 + {
  36 + path: '/code',
  37 + name: 'code',
  38 +
  39 + component: () => import('@/views/Code.vue')
  40 + },
  41 + {
  42 + path: '/detail',
  43 + name: 'detail',
  44 +
  45 + component: () => import('@/views/ClassDetail.vue')
17 } 46 }
18 ] 47 ]
19 }) 48 })
  1 +<template>
  2 + <div class="about">
  3 + 我是账号管理
  4 + </div>
  5 + </template>
  6 +
  7 + <style>
  8 +
  9 + </style>
  1 +<template>
  2 + <div class="about">
  3 + 我是课程详情
  4 + </div>
  5 + </template>
  6 +
  7 + <style>
  8 +
  9 + </style>
  1 +<template>
  2 + <div class="about">
  3 + 我是验证码
  4 + </div>
  5 + </template>
  6 +
  7 + <style>
  8 +
  9 + </style>
@@ -4,4 +4,6 @@ @@ -4,4 +4,6 @@
4 4
5 <template> 5 <template>
6 <div>这是首页架子(git测试)</div> 6 <div>这是首页架子(git测试)</div>
  7 + <!-- 这里是二级路由的出口 -->
  8 + <router-view></router-view>
7 </template> 9 </template>
  1 +<template>
  2 + <div class="about">
  3 + 我是我的课程页面
  4 + </div>
  5 + </template>
  6 +
  7 + <style>
  8 +
  9 + </style>
  1 +<template>
  2 + <div class="about">
  3 + 我是新建课程页面
  4 + </div>
  5 + </template>
  6 +
  7 + <style>
  8 +
  9 + </style>