Esecuzione del codice nelle viste Vue
Nelle parentesi graffe è possibile eseguire vari
codici JavaScript. Consideriamo questo con un esempio.
Supponiamo di avere due proprietà con numeri -
var1 e var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Ad esempio, sommiamo i valori delle nostre proprietà:
<template>
{{ var1 + var2 }}
</template>
Il risultato di questo codice sarà il seguente HTML:
<div id="app">
3
</div>
Supponiamo che in data sia memorizzato quanto segue:
data() {
return {
num: 5,
}
}
Visualizza il quadrato della proprietà num.
Supponiamo che in data sia memorizzato quanto segue:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Visualizza la somma delle proprietà
num1, num2 e num3.
