Exécution de code dans les vues Vue
À l'intérieur des accolades, il est possible d'exécuter divers
codes JavaScript. Examinons cela avec un exemple.
Supposons que nous ayons deux propriétés numériques -
var1 et var2 :
data() {
return {
var1: 1,
var2: 2,
}
}
Additionnons, par exemple, les valeurs de nos propriétés :
<template>
{{ var1 + var2 }}
</template>
Le résultat de ce code sera le HTML suivant :
<div id="app">
3
</div>
Supposons que les données suivantes soient stockées dans data :
data() {
return {
num: 5,
}
}
Affichez le carré de la propriété num à l'écran.
Supposons que les données suivantes soient stockées dans data :
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Affichez la somme des propriétés
num1, num2 et num3 à l'écran.