💡 Realizado cristiandpto23 con HTML, CSS ,JS, Bootstrap y Sass
ℹ Front-End G17 - Desafío Latam
🔗 Desplegado en Vercel aquí

En este desafío validaremos nuestros conocimientos del data binding en Vue Js a través de las directivas.

En este desafío tendremos que crear una aplicación Vue Js desde 0 y maquetar la siguiente interfaz

En donde los inputs del formulario deberán modificar los estilos de la figura de la derecha.

Para lograr lo anterior deberás usar las siguientes directivas en donde creas correspondiente:

• :style={}
• :class={}
• v-show o v-if
• v-for

1. Usar el style binding para asignar estilos reactivamente a un elemento usando valores del estado.
2. Usar el class binding para asignar clases reactivamente a un elemento usando valores booleanos del estado.
3. Usar v-for para iterar un arreglo del estado en el template para la renderización dinámica de elementos.
4. Usar v-show para mostrar u ocultar la figura.