Execução de Código em Visualizações Vue
Dentro de chaves, você pode executar vários
códigos JavaScript. Vamos ver um exemplo.
Suponha que temos duas propriedades com números -
var1 e var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Vamos, por exemplo, somar os valores de nossas propriedades:
<template>
{{ var1 + var2 }}
</template>
O resultado deste código será o seguinte HTML:
<div id="app">
3
</div>
Suponha que o seguinte esteja armazenado em data:
data() {
return {
num: 5,
}
}
Exiba na tela o quadrado da propriedade num.
Suponha que o seguinte esteja armazenado em data:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Exiba na tela a soma das propriedades
num1, num2 e num3.
