Ejercicio de programación con Vuejs: Creación de rutas con Vue Router
0h 20m
Vue Router: Aprende a implementar y manejar rutas en Vuejs para navegar entre componentes como Home y About. Configura rutas con Vue Router para tu aplicación.
En este ejercicio de programación, se evaluará tu capacidad para implementar un sistema de navegación simple en una aplicación creada con Vuejs, utilizando el sistema de enrutamiento Vue Router.
Se trata de un ejercicio práctico en el que deberás configurar correctamente las rutas de dos componentes básicos llamados Home
y About
. La aplicación debe permitir la navegación adecuada entre estos componentes, mostrando su contenido según la ruta seleccionada por el usuario. Para completar este reto, necesitarás configurar Vue Router para que la ruta raíz (/
) conduzca al componente Home
, mientras que la ruta /about
debe llevar al componente About
.
Se requiere que crees una constante router
, que se utilizará para manejar las rutas en la aplicación.
- Configura Vue Router para que:
- La ruta raíz
/
apunte al componenteHome
. - La ruta
/about
apunte al componenteAbout
.
- La ruta raíz
- Crea la constante router que se va a utilizar en el archivo main.js
Todos los ejercicios de programación de Vuejs
Evalúa tus conocimientos con ejercicios de programación en Vuejs de tipo Test, Puzzle, Código y Proyecto con VSCode.
Solicitud HTTP con Axios
Estilización de componentes en Vue.js
Comunicación de componentes con props
Uso de hooks de ciclo de vida en Vue
Introducción a los componentes
Introducción a Vue
Navegación programática y redirección
Uso de la directiva v-if en Vuejs
Crear componente Composition API
Realizar una solicitud GET con Fetch API en Vue
Uso avanzado de los composables
Galería de imágenes con navegación y rutas
Uso de rutas anidadas y dinámicas
Definición y manejo de rutas en Vue
Uso de la directiva v-for en Vuejs
Manejo de eventos con v-on
Crear un componente con Options API en Vue
Uso básico de los composables
Binding bidireccional con v-model y defineModel
Certificados de superación de Vuejs
Supera todos los retos de Vuejs y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
Vuejs
Introducción a Vue Router
Navegación y enrutamiento