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 тегинде чыгарыңыз.