Koodin suorittaminen Vue-näkymissä
Kiharaisissa sulkeissa voi suorittaa erilaista
JavaScript-koodia. Tarkastellaan tätä esimerkin avulla.
Oletetaan, että meillä on kaksi numero-ominaisuutta -
var1 ja var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Lasketaan esimerkiksi ominaisuuksiemme arvot yhteen:
<template>
{{ var1 + var2 }}
</template>
Tämän koodin tuloksena on seuraava HTML:
<div id="app">
3
</div>
Oletetaan, että data:ssa tallennetaan seuraavaa:
data() {
return {
num: 5,
}
}
Näytä näytölle ominaisuuden num neliö.
Oletetaan, että data:ssa tallennetaan seuraavaa:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Näytä näytölle ominaisuuksien
num1, num2 ja num3 summa.
