Vue路由监听变化

方法一：通过 watch

// 监听,当路由发生变化的时候执行
watch:{
    $route(to,from){
        console.log(to.path);
    }
}

或

// 监听,当路由发生变化的时候执行
watch: {
    $route: {
        handler: function(val, oldVal){
            console.log(val);
        },
        // 深度观察监听
        deep: true
    }
}

或

// 监听,当路由发生变化的时候执行
watch: {
    '$route':'getPath'
},
methods: {
    getPath(){
        console.log(this.$route.path);
    }
}