Объекти data дар Vue

Асоси компонент маълумотҳо мебошанд, ки мо бо онҳо кор мекунем. Ин маълумотҳо дар объекти махсус data нигоҳ дошта мешаванд. Ин объект бояд натиҷаи усули махсус бошад:

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

Биёед дар хосияти объекти маълумотӣ як матнро нигоҳ дорем:

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

Маълумотҳои нигоҳдошташударо метавон дар намоиш (view) баронд. Ин бо ду қавсҳои каҷ анҷом дода мешавад, дар онҳо номи хосият навишта мешавад, қимати киро мо мехоҳем барорем. Биёед қиматҳои хосиятҳои худро барорем:

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

Ва акнун биёед чунон кунем, ки ҳар як аз паёмҳои мо дар абзази худ барояд:

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

Бигзор дар data ном ва насаби корбар нигоҳ дошта шавад:

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

Ҳар як хосиятро дар теги алоҳидаи div баред.