在 Vue 中，检测路由变化并使其生效，可以使用 Router 和 Location 类。以下是一个简单的示例：

首先，创建一个组件：

```html

```

然后，添加一个路由守卫：

```js import { Router, Location } from 'vue-router';

export default { created() { this.$router.beforeEach((to, from, next) => { if (to.meta.defaultPath) { Location.href = to.meta.defaultPath; } else { next(); } }); }, }; ```

最后，你需要在组件的 mounted 或者 beforeCreate 生命周期钩子中调用这个路由守卫：

js mounted() { this.$router.beforeEach((to, from, next) => { if (to.meta.defaultPath) { Location.href = to.meta.defaultPath; } else { next(); } }); },

这样，当路由发生变化时，Vue 就会自动检测并应用新的路由。如果路由未改变，那么旧的路由就会被保持不变。