vue监听路由参数变化,组件复用执行相应逻辑

响应路由参数的变化

当使用路由参数时,例如从 /user/foo 导航到 /user/bar,这两个路由对应的页面组件都由同一个组件渲染,如果使用销毁再创建未免太消耗资源,如果直接导航过去,vue生命周期钩子函数不会有任何执行,因此需要使用监听函数来监听。

watch: {
    
    
    $route(to, from) {
    
    
      // 对路由变化作出响应...
    },

他与created函数所在位置同级.

或者使用导航守卫

// don't forget to call next()
beforeRouteUpdate (to, from, next) {
    
    
    // react to route changes...
  },

猜你喜欢

转载自blog.csdn.net/weixin_38708854/article/details/107179213