Kód végrehajtása Vue nézetekben
A kapcsos zárójelekben különböző JavaScript kódot hajthatunk végre. Nézzük ezt egy példán keresztül.
Tegyük fel, hogy van két szám tulajdonságunk -
var1 és var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Például adjuk össze a tulajdonságaink értékeit:
<template>
{{ var1 + var2 }}
</template>
Ennek a kódnak az eredménye a következő HTML lesz:
<div id="app">
3
</div>
Tegyük fel, hogy a data a következőt tárolja:
data() {
return {
num: 5,
}
}
Jelenítse meg a képernyőn a num tulajdonság négyzetét.
Tegyük fel, hogy a data a következőt tárolja:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Jelenítse meg a képernyőn a
num1, num2 és num3 tulajdonságok összegét.
