这篇文章给大家介绍怎么在vue.js中利用watch监听路由，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
具体代码
当路由发生变化后，在watch中写具体的业务逻辑
let vm = new Vue({
el: "#app",
data: {},
router,
watch: {
'$route.path': function (newVal, oldVal) {
if (newVal === '/login') {
console.log('欢迎进入登录页面');
}
if (newVal === '/register') {
console.log('欢迎进入注册页面');
}
}
}
})
下面在单独给大家介绍下Vue 监听路由变化的代码，具体代码如下所述：
watch:{ //监听路由变化
$route( to , from ){
console.log( to , from )
// to , from 分别表示从哪跳转到哪，都是一个对象
// to.path ( 表示的是要跳转到的路由的地址 eg: /home );
}
}关于怎么在vue.js中利用watch监听路由就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
