Ejercicio de programación con Vuejs: Creación de rutas con Vue Router

Código
Puntuación
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 componente Home.
    • La ruta /about apunte al componente About.
  • Crea la constante router que se va a utilizar en el archivo main.js
Empezar ejercicio de programación

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.

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

Vue.js

Vuejs

Introducción a Vue Router

Navegación y enrutamiento

Otros tutoriales de programación con Vuejs