Obiectul data în Vue

Baza unui component o constituie datele, cu care vom manipula. Aceste date sunt stocate într-un obiect special data. Acest obiect trebuie să fie returnat ca rezultat al unei metode speciale:

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

Să stocăm în proprietatea obiectului de date un text oarecare:

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

Datele stocate pot fi afișate în reprezentare. Acest lucru se face în acolade duble, în care se scrie numele proprietății, a cărei valoare dorim să o afișăm. Să afișăm valorile proprietăților noastre:

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

Și acum să facem astfel încât fiecare dintre mesajele noastre să fie afișat în propriul paragraf:

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

Să presupunem că în data sunt stocate numele și prenumele utilizatorului:

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

Afișați fiecare proprietate într-un tag div separat.