კოდის შესრულება 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.