Vue-тегі data объектісі

Компоненттің негізі біз басқаратын деректер болып табылады. Бұл деректер арнайы data объектісінде сақталады. Бұл объект арнайы әдістің нәтижесі ретінде қайтарылуы керек:

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

Объект деректердің қасиетінде бірдәй мәтін сақтайық:

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

Сақталған деректерді көріністе көрсетуге болады. Бұл қос бұйра жақшалар ішінде жазылады, онда біз көрсеткіміз келетін қасиеттің атауы жазылады. Өзіміздің қасиеттеріміздің мәндерін көрсетейік:

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

Енді әр хабардың өз абзацында көрсетілуін жасайық:

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

data-та қолданушының аты мен тегі сақталсын:

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

Әрбір қасиетті жеке div тегінде көрсетіңіз.