Utekelezaji wa Msimbo katika Maonyesho ya Vue

Kwenye mabano ya curly unaweza kutekeleza msimbo mbalimbali wa JavaScript. Hebu tuchunguze hili kwa mfano. Wacha tuwe na sifa mbili zenye nambari - var1 na var2:

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

Wacha, kwa mfano, tuongeze thamani za sifa zetu:

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

Matokeo ya msimbo huu yatakuwa HTML ifuatayo:

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

Wacha kwenye data ihifadhiwe yafuatayo:

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

Onyesha kwenye skrini mraba wa sifa num.

Wacha kwenye data ihifadhiwe yafuatayo:

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

Onyesha kwenye skrini jumla ya sifa num1, num2 na num3.