Protegiendo páginas utilizando Navigation Guards

Las Navigation Guards de Vue Router nos ayudan a proteger ciertas rutas de nuestra aplicación con redirecciones o cancelaciones. Podemos conectarnos al conjunto de funciones que se ejecutan antes (con router.beforeEach), durante y después (con router.afterEach) del proceso de navegación de diferentes maneras: de forma global global, por rutas o por componentes.

Para indicarle a Vue Router que nuestras rutas deben ser protegidas debemos añadir la siguiente información:

{
        path: '...',
        name: '...',
        component: '...',
        meta: {
                requiresAuth: true,
        }
}