Provádění kódu ve Vue šablonách
Ve složených závorkách lze provádět různý
JavaScript kód. Pojďme si to ukázat na příkladu.
Předpokládejme, že máme dvě vlastnosti s čísly -
var1 a var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Pojďme například sečíst hodnoty našich vlastností:
<template>
{{ var1 + var2 }}
</template>
Výsledkem tohoto kódu bude následující HTML:
<div id="app">
3
</div>
Předpokládejme, že v data je uloženo následující:
data() {
return {
num: 5,
}
}
Zobrazte na obrazovce druhou mocninu vlastnosti num.
Předpokládejme, že v data je uloženo následující:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Zobrazte na obrazovce součet vlastností
num1, num2 a num3.