Data objekat u Vue
Osnova komponente su podaci
kojima ćemo manipulisati.
Ovi podaci se čuvaju u specijalnom
objektu data. Ovaj objekat
mora da se vrati kao rezultat
specijalne metode:
export default {
data() {
return {
}
}
}
Hajde da čuvamo u svojstvu objekta sa podacima neki tekst:
data() {
return {
text1: '111',
text2: '222',
}
}
Podaci koji se čuvaju se mogu prikazati u prikazu (template). To se radi u dvostrukim vitičastim zagradama, u koje se upisuje ime svojstva čiju vrednost želimo da prikažemo. Hajde da prikažemo vrednosti naših svojstava:
<template>
{{ text1 }}
{{ text2 }}
</template>
A sada hajde da napravimo da se svaka od naših poruka prikaže u svom odlomku (paragrafu):
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Neka u data bude sačuvano ime
i prezime korisnika:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Prikažite svako svojstvo u
zasebnom tagu div.
