-
Input de texto simple Enunciado: Crea un componente que tenga un campo de texto donde el usuario pueda escribir su nombre. El nombre debe mostrarse de forma dinámica en un h1 usando v-model.
-
Selección de opción en un dropdown Enunciado: Crea un componente con un menú desplegable (select) que permita al usuario elegir una opción de color. Muestra el color seleccionado dinámicamente en un párrafo debajo.
-
Checkbox con estado activo/inactivo Enunciado: Crea un componente que tenga un checkbox para indicar si un usuario está activo o inactivo. Muestra un mensaje que cambie dinámicamente según el estado del checkbox.
-
Input de número con contador Enunciado: Crea un componente que tenga un checkbox para indicar si un usuario está activo o inactivo. Muestra un mensaje que cambie dinámicamente según el estado del checkbox.
-
Textarea con descripción Enunciado: Crea un componente que tenga un textarea donde el usuario pueda escribir una descripción. Muestra la descripción introducida en tiempo real en un párrafo debajo del textarea.
-
Enlace dinámico al atributo href de un enlace Enunciado: Crea un componente que tenga un enlace (a) donde el href sea dinámico. El valor del enlace debe estar en el data del componente y cambiarse mediante v-bind.
-
Enlace dinámico al atributo src de una imagen Enunciado: Crea un componente que muestre una imagen con un src dinámico. El enlace de la imagen debe estar almacenado en el data del componente y cambiarse mediante v-bind.
-
Clases dinámicas con v-bind:class Enunciado: Crea un componente que tenga un botón. El botón debe tener una clase CSS dinámica que cambie según un valor booleano en el data. Usa v-bind:class para aplicar la clase condicionalmente.
FAVOR REALIZAR LOS EJERCICIOS DE LA ACTIVIDAD EN GRUPOS DE TRES O CUATRO PERSONAS. SUBIR ESTOS EJERCICIOS A GITHUB Y PUBLICARLOS EN TU PÁGINA WEB. TRABAJAR ORGANIZADAMENTE EN RAMAS DE MAIN, DEVELOP, FEATURES.