四、监听路由参数
因为通过动态路由切换组件时,并不是重新创建实例,所以生命周期钩子只能执行一次,通过监听路由参数来监听路由变化
提醒一下,当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调
通过watch监听$route 监听route,当路由变化时,做出响应
new Vue({
el: '#app',
router,
watch: {
// 监听route,当路由变化时,做出响应
$route(route) {
console.log(1)
}
}
})