vue如何监听路由 vue 监听路由

文章摘要：vue如何监听路由 vue 监听路由

在vue中监听路由的方法有：1.使用watch方法监听；2.使用watch方法监听路由变化，并获取路由信息；3 […]

在vue中监听路由的方法有：1.使用watch方法监听；2.使用watch方法监听路由变化，并获取路由信息；3.使用beforeEach方法全局监听；4.使用beforeRoute方法在组件内部监听

具体方法如下：

1.使用watch方法监听路由

watch:{

$route(to,from){

console.log(from.path);

console.log(to.path);

}

}

2.使用watch方法监听路由变化，并获取路由信息

watch:{

$route:{

handler(val,oldval){

console.log(val);

console.log(oldval);

},

deep: true

}

}

3.使用beforeEach方法全局监听路由

router.beforeEach((to, from, next) => {

console.log(to);

next();

});

export default router

4.使用beforeRoute方法在组件内部监听路由

beforeRouteEnter (to, from, next) {

}

beforeRouteUpdate (to, from, next) {

}

beforeRouteLeave (to, from, next) {

}