Uitvoeren van code in Vue-weergaven
In accolades kun je verschillende
JavaScript code uitvoeren. Laten we dit bekijken aan de hand van een voorbeeld.
Stel dat we twee eigenschappen met getallen hebben -
var1 en var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Laten we bijvoorbeeld de waarden van onze eigenschappen optellen:
<template>
{{ var1 + var2 }}
</template>
Het resultaat van deze code zal de volgende HTML zijn:
<div id="app">
3
</div>
Stel dat in data het volgende is opgeslagen:
data() {
return {
num: 5,
}
}
Toon het kwadraat van de eigenschap num op het scherm.
Stel dat in data het volgende is opgeslagen:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Toon de som van de eigenschappen
num1, num2 en num3 op het scherm.
