#28 - Route Guards - Vue 3 (Options API) Tutorial
In this Vue 3 tutorial, we learn how to execute custom logic before or after a user goes through a route with route guards. We cover the global and local route and in-component guards as well as the next method argument.
We cover the following topics:
1. Lesson project
2. What is a route guard
3. Global route guards
4. beforeEach
5. beforeResolve
6. afterEach
7. Local beforeEnter route definition guard
8. Local in-component guards
9. beforeRouteEnter
10. beforeRouteUpdate
11. beforeRouteLeave
Note that this tutorial is for the Vue 3 Options API (which is similar to Vue 2). We later move on to the Composition API and then the Script Setup (3.2 update)
This lesson is also available in written format
https://www.koderhq.com/tutorial/vue/...
Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
• Vue 3 for Beginners
Subscribe to the channel and never miss a lesson
/ @koderhq
Visit the website for a wide range of programming tutorials
https://www.koderhq.com
