Vue Görünümlerinde Kod Çalıştırma

Kıvırcık parantezler içinde çeşitli JavaScript kodları çalıştırılabilir. Bunu bir örnekle inceleyelim. Diyelim ki sayı türünde iki özelliğimiz var - var1 ve var2:

data() {
	return {
		var1: 1,
		var2: 2,
	}
}

Örneğin, özelliklerimizin değerlerini toplayalım:

<template>
	{{ var1 + var2 }}
</template>

Bu kodun sonucu aşağıdaki HTML olacaktır:

<div id="app">
	3
</div>

Diyelim ki data içinde şunlar saklanıyor:

data() {
	return {
		num: 5,
	}
}

num özelliğinin karesini ekrana yazdırın.

Diyelim ki data içinde şunlar saklanıyor:

data() {
	return {
		num1: 1,
		num2: 2,
		num3: 3,
	}
}

num1, num2 ve num3 özelliklerinin toplamını ekrana yazdırın.