Add beforeUpdate to route config

What problem does this feature solve?

Since for now we can’t handle lazy loading components without losing access to navigation hooks build in components we should give equal API on router config level. For now we can only add beforeEnter route guard. It would be usefull if we had beforeUpdate guard too.

Problem with lazy loading components described here: https://github.com/vuejs/vue-router/issues/2830

What does the proposed API look like?

const router = new VueRouter({
  routes: [
    {
      path: '/foo',
      component: Foo,
      beforeUpdate: (to, from, next) => {
        // ...
      }
    }
  ]
})

[posva]

Thanks for the proposal but regarding hooking into navigation cycle to show loading experience, this won’t add anything to hook on. beforeRouteUpdate is specific to components because we are on the component and have access to this. You can already write the guard somewhere and pass it to the component by importing it:

import { checkIdAccess } from '@/guards'

export default {
  beforeRouteEnter: checkIdAccess,
  beforeRouteUpdate: checkIdAccess,
}

Since for now we can’t handle lazy loading components without losing access to navigation hooks build in components we should give equal API on router config level.

This is untrue and we already talked about it in #2830 …

[Mighty683]

Beside lazy loading why we need component to simply guard route update? Now we can guard enter to path without using component to do this job why not update?