vue3 监听路由的变化加载对应的组件

在Vue3中，可以通过使用`watch`监听路由参数的变化来获取导航栏对应的type值。具体步骤如下：
1. 在组件中引入`useRoute`函数，该函数可以获取当前路由信息。
2. 使用`watch`监听`useRoute().params`对象的变化，该对象包含了路由参数。
3. 在`watch`的回调函数中根据参数的变化加载对应的组件。

另外，Vue3中也可以使用`beforeRouteUpdate`钩子函数来监听路由参数的变化。具体步骤如下：
1. 在组件中定义`beforeRouteUpdate`函数。
2. 在函数中使用`to`参数获取新的路由信息。
3. 根据新的路由信息加载对应的组件。

除此之外，Vue3还支持使用动态路由来实现根据路由参数加载对应的组件。具体步骤如下：
1. 在路由配置中定义动态路由，即使用`:`来表示参数。
2. 在组件中使用`$route.params`来获取路由参数。
3. 根据路由参数加载对应的组件。