vue如何监听路由

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

具体方法如下：

使用watch方法监听路由

watch:{
$route(to,from){
console.log(from.path);
console.log(to.path);
}
}

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

watch:{
$route:{
handler(val,oldval){
console.log(val);
console.log(oldval);
},
deep: true
}
}

使用beforeEach方法全局监听路由

router.beforeEach((to, from, next) => {
console.log(to);
next();
});
export default router

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

beforeRouteEnter (to, from, next) {
}
beforeRouteUpdate (to, from, next) {
}
beforeRouteLeave (to, from, next) {
}