Иҷрои рамз дар намоишҳои 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-ро ба экран чоп кунед.