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 хусусиятлари йиғиндисини экранга чиқаринг.