Ejecución de código en las vistas de Vue
Entre llaves se puede ejecutar diferentes
códigos JavaScript. Veamos esto con un ejemplo.
Supongamos que tenemos dos propiedades con números -
var1 y var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Vamos, por ejemplo, a sumar los valores de nuestras propiedades:
<template>
{{ var1 + var2 }}
</template>
El resultado de este código será el siguiente HTML:
<div id="app">
3
</div>
Supongamos que en data se almacena lo siguiente:
data() {
return {
num: 5,
}
}
Muestre en pantalla el cuadrado de la propiedad num.
Supongamos que en data se almacena lo siguiente:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Muestre en pantalla la suma de las propiedades
num1, num2 y num3.
