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 касиеттеринин суммасын чыгарыңыз.