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.