DAND VUE

Selecciona el código html para mostrar el nombre en la página web

• <p>Mi nombre es: { nombre } </p>

• <p>Mi nombre es: {{ nombre }} </p>

• <p>Mi nombre es: [ nombre ] </p>

• <p>Mi nombre es: v-show(nombre) </p>

La imagen muestra un ejemplo de la definición de:

• una instancia de VUE

• un componente de VUE

• un archivo de VUE

• un accesorio de VUE

La directiva :class pertenece a la directiva:

• v-bind

• v-model

• v-on

• v-if

Son variables a las que se le pueden aplicar una serie de cálculos o transformaciones antes de mostrar en la pagina web.

• Propiedad  Data

• Propiedades Vue

• Propiedades Computadas (computed)

• Propiedades Props

Directiva de Vue que permite mostrar el contenido de una lista

• v-if

• v-for

• v-model

• v-bind

El v-show no elimina la etiqueta html, la oculta ya que trabaja con la propiedad display

• verdadero

• falso

Parte de la instancia Vue que define las propiedades a utilizar, puede incluir arreglos de objetos, variables

• data

• props

• computed

• methods

Las propiedades (calculadas) computadas utilizan la palabra reservada:

Complete la línea de código que permita hacer que la propiedad “saldo” incremente su valor en el monto especificado en el parámetro “cantidad”.

• object.saldo = object.saldo + cantidad

• saldo = saldo + cantidad

• data.saldo = data.saldo + cantidad

• this.saldo = this.saldo + cantidad

Es posible abreviar la directiva v-on utilizando :

• #

• {{ }}

• @

• $