Vue Router Tutorial - Navigation Guards (2018)

Learn how to use Vue Router Navigation Guards

Examples for each navigation guard provided. Fork this codepen to follow along:

https://codepen.io/patrickodacre/pen/owjVNK
View the Vue Router documentation here:

https://router.vuejs.org/en/advanced/navigation-guards.html

** Global Guards:

beforeEach()
afterEach()
beforeResolve()

Found on the ‘router’ object.

** Per-Route Guard:

beforeEnter()

Found on each individual route definition object.

** In-Component Guards:

beforeRouteEnter()
beforeRouteUpdate()
beforeRouteLeave()

Placed on the individual component’s option object.

Видео Vue Router Tutorial - Navigation Guards (2018) канала Build to Learn