Informática DP – Vue

Video 1

My first Vue app
{{ mensaje }}

Se explica el concepto de reactividad, la modificación de los datos desde la consola con:
app.mensaje

Luego coloca otro div con app2 para ver que se pueden manejar más de un script vue.

Video 2 – Directivas

v-text, v-model, v-bind, v-if, v-for

Modificar el ejemplo anterior, para que tenga el siguiente código

Al pasar el mouse muestra mensaje

Video 3 Condicionales

Ahora me ves

Valor2 es verdadero

Valor2 es falso

Valor3 igual a A
Valor3 igual a B
Valor3 igual a C
Valor3 diferente a A B o C
” Video 4 Bucles Primer ejemplo un ciclo básico utilizando una lista ordenada
  1. {{color.nombre}}
Segundo ejemplo utilizando indices
  • {{index}} – {{color.nombre}}
Tercer ejemplo utilizando objetos
  • {{value}}
objeto: [ nombre: ‘Juan’, apellido: ‘Cardenas’, edad: 15 ] Cuarto ejemplo
  • {{key}} – {{value}}
Quinto ejemplo
  • {{index}} : {{key}} – {{value}}
Sexto ejemplo
  • {{n}}

Leave a Comment

Your email address will not be published. Required fields are marked *