vue.js使用watch监听路由变化

watch除了可以监听数据的变化，路由的变化也能被其监听到

效果如下：

路由监听.gif

具体代码

当路由发生变化后，在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.js的有趣实例，请点击移步至目录