Ejercicio de programación: Reto Fundamentos de formularios en Vue
Este ejercicio de programación está diseñado para poner a prueba tus conocimientos en Vuejs. Es un ejercicio de nivel intermedio que requiere conocimientos sólidos de la tecnología.
Información adicional del ejercicio
Crear un formulario básico con v-model que capture datos de usuario y muestre los valores en tiempo real.
Contenido del ejercicio
Crea un formulario de contacto que utilice la directiva v-model para capturar información del usuario. El formulario debe incluir:
- Un campo de texto para el nombre completo
- Un campo de email
- Un área de texto para el mensaje
- Un checkbox para aceptar términos y condiciones
- Un select para elegir el motivo de contacto (consulta, soporte, ventas)
Debajo del formulario, muestra en tiempo real todos los valores capturados para que el usuario pueda ver cómo se actualizan los datos conforme escribe.
Utiliza la Composition API con <script setup>
y la función ref
para crear las variables reactivas. No necesitas implementar validaciones ni envío del formulario, solo el enlace bidireccional con v-model.
Lección relacionada
Este ejercicio está relacionado con la lección "Fundamentos de formularios en Vue" de Vuejs. Te recomendamos revisar la lección antes de comenzar.
Ver lección relacionadaMás ejercicios de Vuejs
Explora más ejercicios de programación en Vuejs para mejorar tus habilidades y obtener tu certificación.
Ver más ejercicios de VuejsSolución al ejercicio de programación en Vuejs
¡Desbloquea la solución completa!
Completa el ejercicio de programación en Vuejs para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.
Practica con ejercicios de programación en Vuejs
Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.
Asistente de IA
Aprende de tus errores
Progreso
Mide tu avance
Certificación
Valida tus habilidades
Únete a miles de desarrolladores mejorando sus habilidades en Vuejs