An example of defining custom route hooks in a component.

MyRouteComponent.vue

<script>
export default {
  name: 'MyRouteComponent',
  permissions(store, to, from) {
    // request permissions data
    // return a promise to resolve or reject navigation
  },
  criticalData(store, to, from) {
    // request critical data
    // return a promise so that data can finish loading during Server Request lifecycle
  },
  lazyData (store, to, from) {
     // request lazy data
     // no need to return a promise because nothing should wait on it
  }  
}
</script>