Vue Router Tutorial - Navigation Guards (2018)

Published: 02 February 2018
on channel: Build to Learn

25,353

256

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/...

View the Vue Router documentation here:

https://router.vuejs.org/en/advanced/...

** 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.

Watch video Vue Router Tutorial - Navigation Guards (2018) online without registration, duration hours minute second in high quality. This video was added by user Build to Learn 02 February 2018, don't forget to share it with your friends and acquaintances, it has been viewed on our site 25,353 once and liked it 256 people.

31,671