Eksekusi Kode dalam Tampilan Vue
Dalam kurung kurawal, berbagai kode
JavaScript dapat dieksekusi. Mari kita lihat contohnya.
Misalkan kita memiliki dua properti dengan angka -
var1 dan var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Sebagai contoh, mari kita jumlahkan nilai dari properti kita:
<template>
{{ var1 + var2 }}
</template>
Hasil dari kode ini akan menjadi HTML berikut:
<div id="app">
3
</div>
Misalkan dalam data disimpan berikut ini:
data() {
return {
num: 5,
}
}
Tampilkan kuadrat dari properti num di layar.
Misalkan dalam data disimpan berikut ini:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Tampilkan jumlah dari properti
num1, num2 dan num3 di layar.
