A data objektum Vue-ban

A komponens alapja az az adat, amelyen manipulálunk. Ezek az adatok egy speciális data objektumban tárolódnak. Ennek az objektumnak egy speciális metódus eredményeként kell visszatérnie:

export default {
	data() {
		return {
			
		}
	}
}

Tároljunk az adatobjektum egyik tulajdonságában valamilyen szöveget:

data() {
	return {
		text1: '111',
		text2: '222',
	}
}

A tárolt adatokat meg lehet jeleníteni a nézetben. Ezt dupla kapcsos zárójelek között kell megtenni, ahol meg kell adni annak a tulajdonságnak a nevét, amelynek az értékét ki szeretnénk jeleníteni. Jelenítsük meg a tulajdonságaink értékeit:

<template>
	{{ text1 }}
	{{ text2 }}
</template>

Most tegyük úgy, hogy minden üzenetünk a saját bekezdésében jelenjen meg:

<template>
	<p>{{ text1 }}</p>
	<p>{{ text2 }}</p>
</template>

Legyen a data-ban tárolva a felhasználó keresztneve és vezetékneve:

data() {
	return {
		name: 'john',
		surn: 'smit',
	}
}

Jelenítsd meg minden tulajdonságot külön div tag-ben.