Објекат 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 ознаци.