VUE页面开发中，我们经常需要根据路由的变化去实现一些操作，那么如何监听路由的变化呢？当然是利用VUE中的watch，请看代码。

一、监听路由从哪儿来到哪儿去

watch:{

$route(to,from){

console.log(from.path);//从哪来

console.log(to.path);//到哪去

}

}

二、监听路由变化获取新老路由信息

watch:{

$route:{

handler(val,oldval){

console.log(val);//新路由信息

console.log(oldval);//老路由信息

},

// 深度观察监听

deep: true

}

}

三、监听路由变化触发方法

methods:{

getPath(){

console.log(1111)

}

},

watch:{

'$route':'getPath'

}

四、全局监听路由

在app.vue的create种加入下面代码，然后进行判断

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

console.log(to);

next();

});