student页面有多个链接可以跳转到其他页面，使用vue router进行页面跳转，写出嵌套路由的配置

当我们需要在 Vue 中使用 Vue Router 进行页面跳转时，需要进行路由配置，其中嵌套路由就是在一个父级路由下有多个子路由的情况。

下面是一个简单的嵌套路由配置示例：

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: '/',
      component: Home,
      children: [
        {
          path: 'student',
          component: Student,
          children: [
            {
              path: '/',
              component: StudentList
            },
            {
              path: 'detail/:id',
              component: StudentDetail
            },
            {
              path: 'add',
              component: StudentAdd
            }
          ]
        },
        {
          path: 'teacher',
          component: Teacher,
          children: [
            {
              path: '/',
              component: TeacherList
            },
            {
              path: 'detail/:id',
              component: TeacherDetail
            },
            {
              path: 'add',
              component: TeacherAdd
            }
          ]
        }
      ]
    },
    {
      path: '*',
      redirect: '/'
    }
  ]
});

export default router;

在上面的示例中，我们定义了一个根路由 `/`，它下面有两个子路由：`/student` 和 `/teacher`。每个子路由都有多个子路由，用于展示不同的页面。例如，`/student` 下面有三个子路由：`/`（学生列表）、`/detail/:id`（学生详情）和 `/add`（添加学生）。这些子路由都有自己对应的组件，用于显示页面内容。

当用户访问 `/student` 时，Vue Router 会先渲染 `Student` 组件，然后根据子路由的配置渲染对应的子组件。例如，访问 `/student/add` 时，Vue Router 会先渲染 `Student` 组件，然后再渲染 `StudentAdd` 组件。这样就实现了嵌套路由的功能。

需要注意的是，嵌套路由的配置需要在父级路由的 `children` 中进行，而且子路由的 `path` 必须是相对于父级路由的。例如，在上面的示例中，`/student` 是相对于 `/` 路由的子路由，而不是根路由的子路由。