vue 监听路由bian hua
时间: 2023-06-29 08:04:24 浏览: 102
Vue实现路由跳转和嵌套
在 Vue 中,可以通过 `watch` 属性来监听路由的变化。具体步骤如下:
1. 引入 VueRouter,并创建 router 实例。
2. 在 Vue 实例中,使用 `watch` 属性来监听 `$route` 对象的变化,代码如下:
```javascript
new Vue({
router,
watch: {
'$route': function(to, from) {
// to 表示即将要进入的路由对象
// from 表示即将离开的路由对象
console.log('路由发生了变化');
}
}
});
```
注意,`watch` 函数中的参数分别是即将进入的路由对象和即将离开的路由对象。
这样,每当路由发生变化时,就会触发 `watch` 函数中的代码。
阅读全文