vue-router响应路由参数的变化
提醒⼀下,当使⽤路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复⽤。因为两个路由都渲染同个组件,⽐起销毁再创建,复⽤则显得更加⾼效。不过,这也意味着组件的⽣命周期钩⼦不会再被调⽤。
复⽤组件时,想对路由参数的变化作出响应的话,你可以简单地 watch (监测变化) $route 对象:
const User = {
react router 动态路由
template: '...',
watch: {
'$route' (to, from) {
// 对路由变化作出响应...
}
}
}
或者:
const User = {
template: '...',
beforeRouteUpdate (to, from, next) {
// react to
// don't forget to call next()
}
}
注意是:
(1)从同⼀个组件跳转到同⼀个组件。
(2)⽣命周期钩⼦created和mounted都不会调⽤。