Data օբյեկտը Vue-ում

Կոմպոնենտի հիմքը տվյալներն են, որոնցով մենք կծրագրենք: Այդ տվյալները պահվում են հատուկ 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 առանձին թեգում: