Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

The Vue.js 3 Masterclass

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

Meta Fields and Global Navigation Guards

🚧 PLEASE NOTE: This masterclass is built with the Options API

The Composition API Masterclass is coming soon!

In this lesson we use Vue Router 4 meta fields so that we easily identify routes that require authentication and let a global navigation guard handle it from there. This approach to protecting routes in your Vue.js 3 applications is extensible and makes your code more expressive.