https://www.cnblogs.com/shimily/articles/12345757.html https://www.cnblogs.com/crazycode2/p/8727410.html

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

    1. watch:{
    2. $route(to,from){
    3. console.log(from.path);//从哪来
    4. console.log(to.path);//到哪去
    5. }
    6. }

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

    1. watch:{
    2. $route:{
    3. handler(val,oldval){
    4. console.log(val);//新路由信息
    5. console.log(oldval);//老路由信息
    6. },
    7. // 深度观察监听
    8. deep: true
    9. }
    10. }

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

    1. methods:{
    2. getPath(){
    3. console.log(1111)
    4. }
    5. },
    6. watch:{
    7. '$route':'getPath'
    8. }

    四、全局监听路由
    在app.vue的create种加入下面代码,然后进行判断

    1. this.$router.beforeEach((to, from, next) => {
    2. console.log(to);
    3. next();
    4. });