vue.js使用watch监控路线变化的方法

除了监控数据的变化，watch还可以监控路由的变化

效果如下：

绝对代码

当路由改变时，在watch中编写特定的业务逻辑

Letvm=newvue ({el:' # app '，data: {}，router，watch : { ' $ route . path ' : function(new val，old val){ if(new val=='/log in '){ console . log(')} if(new val=='/register '){ console . log('欢迎来到注册页面')；} } } })

下面单独介绍一下Vue监控路由变化的代码，具体代码如下：

Watch:{ //监听路由更改$ route (to，from) {console.log (to，from)//to，from分别表示跳转到哪里，这是一个object //to.path(表示跳转到eg: /home的路由的地址)；}}摘要

以上就是边肖给大家介绍的vue.js使用watch监控路线变化的方法。希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！