Vue නිරූපණවල කේතය ක්‍රියාත්මක කිරීම

කැඩුණු වරහන් තුළ විවිධ JavaScript කේතය ක්‍රියාත්මක කළ හැකිය. අපි එය උදාහරණයක් මඟින් සලකා බලමු. අපට සංඛ්‍යා සහිත ගුණාංග දෙකක් ඇතැයි සිතමු - var1 සහ var2:

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

උදාහරණයක් ලෙස, අපගේ ගුණාංගවල අගයන් එකතු කරමු:

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

මෙම කේතයේ ප්‍රතිඵලය වන්නේ පහත HTML ය:

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

data තුළ පහත දේ ගබඩා කර ඇතැයි සිතමු:

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

num ගුණාංගයේ වර්ගය තිරයේ ප්‍රදර්ශනය කරන්න.

data තුළ පහත දේ ගබඩා කර ඇතැයි සිතමු:

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

num1, num2 සහ num3 යන ගුණාංගවල එකතුව තිරයේ ප්‍රදර්ශනය කරන්න.