vue-router 路由发生了跳转但是界面没有任何反应

Vue Router 是 Vue.js 的官方路由，使用方法：

1. 生成对应的路由实例

import { createRouter, createWebHistory } from 'vue-router'
// 创建路由实例
const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'inspectedList',
      component: () => import('@/inspectedList/InspectedList.vue'),
    }
]

2. 通过app.use(router)将路由应用到整个项目

app.use(router)
app.use(Antd).mount('#app')

在关于app.use()可以传router作为参数这里，我的理解是 app.use可以安装插件，而在router一般都是通过createRouter()生成的一个实例，通过打印可以发现是包含install的，而对插件的定义可以看出插件是一个拥有 install() 方法的对象，也可以直接是一个安装函数本身，所以我觉得这里可以把router看成是一个插件（如果理解错误 欢迎各位大佬指出）

3. 在子组件中可以通过useRouter来返回router实例，通过router实例的push来跳转至不同的路由，在其中需要使用router-view来匹配路由的组件，如果不存在router-view的话路由匹配的组件将不会有渲染的地方，就会导致路由跳转了，但是界面没有反应的情况发生