Pelaksanaan Kod dalam Paparan Vue

Dalam kurungan keriting, anda boleh melaksanakan pelbagai kod JavaScript. Mari kita lihat ini dengan contoh. Katakan kita mempunyai dua sifat dengan nombor - var1 dan var2:

data() {
	return {
		var1: 1,
		var2: 2,
	}
}

Sebagai contoh, mari tambahkan nilai sifat kita:

<template>
	{{ var1 + var2 }}
</template>

Hasil kod ini akan menjadi HTML berikut:

<div id="app">
	3
</div>

Katakan dalam data disimpan yang berikut:

data() {
	return {
		num: 5,
	}
}

Paparkan pada skrin kuasa dua sifat num.

Katakan dalam data disimpan yang berikut:

data() {
	return {
		num1: 1,
		num2: 2,
		num3: 3,
	}
}

Paparkan pada skrin hasil tambah sifat num1, num2 dan num3.