关于#vue.js#的问题：vue中为什么我点击菜单后url中地址会变

vue中为什么我点击菜单后url中地址会变，但是内容部分不会变。是路由的原因吗
这是路由里的代码

routes: [
    {
      path: "/login",
      name: "login",
      component: Login,
    },
    {
      path: "/",
      name: "",
      component: Layout,

      children: [
        // {
        //   path: '',
        //   name: 'home',
        //   component: Home
        // },
        {
          path: "teacher",
          name: "teacher",
          // component: () => import(/* webpackChunkName: 'role' */ '@/views/teacher/addActivity.vue'),
          children: [
            {
              path: "attendanceRecord",
              name: "tea-attendance-record",
              component: () =>
                import(
                  /* webpackChunkName: 'role' */ "@/views/teacher/attendanceRecord.vue"
                ),
            },
            {
              path: "studentSearch",
              name: "student-search",
              component: () =>
                import(
                  /* webpackChunkName: 'role' */ "@/views/teacher/studentSearch.vue"
                ),
            },
            {
              path: "activitySearch",
              name: "activity-search",
              component: () =>
                import(
                  /* webpackChunkName: 'role' */ "@/views/teacher/activitySearch.vue"
                ),
            },
            {
              path: "addActivity",
              name: "add-activity",
              component: () =>
                import(
                  /* webpackChunkName: 'role' */ "@/views/teacher/addActivity.vue"
                ),
            },
            {
              path: "addStudent",
              name: "add-student",
              component: () =>
                import(
                  /* webpackChunkName: 'role' */ "@/views/teacher/addStudent.vue"
                ),
            },
          ],
        },
        {
          path: "student",
          name: "student",
          component: () =>
            import(
              /* webpackChunkName: 'role' */ "@/views/student/attendanceRecord.vue"
            ),
          children: [
            {
              path: "attendanceRecord",
              name: "stu-attendance-record",
              component: () =>
                import(
                  /* webpackChunkName: 'role' */ "@/views/student/attendanceRecord.vue"
                ),
            },
            {
              path: "teacherSearch",
              name: "teacher-search",
              component: () =>
                import(
                  /* webpackChunkName: 'role' */ "@/views/student/teacherSearch.vue"
                ),
            },
          ],
        },
      ],
    },
  ],

组件引入的都对吗？ 控制台有报错吗？router-view 使用了吗

地址都对的，没有报错，而且

<router-view :key="$router.fullPath"></router-view>

也用了