Vue笔记--Router路由--VueRouter--四、监听路由参数

四、监听路由参数

因为通过动态路由切换组件时,并不是重新创建实例,所以生命周期钩子只能执行一次,通过监听路由参数来监听路由变化

提醒一下,当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调

通过watch监听$route 监听route,当路由变化时,做出响应

        new Vue({
     
            el: '#app',
            router,
            watch: {
     
                // 监听route,当路由变化时,做出响应
                $route(route) {
     
                    console.log(1)
                }
            }
        })

你可能感兴趣的:(Vue-Router,vue.js)