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 հատկությունների գումարը: