vue如何监听路由

在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) {
}

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>