Objekti data në Vue
Baza e një komponenti janë të dhënat,
me të cilat ne do të manipulojmë.
Këto të dhëna ruhen në një objekt
të veçantë data. Ky objekt
duhet të kthehet si rezultat
i një metodi të veçantë:
export default {
data() {
return {
}
}
}
Le të ruajmë në vetinë e objektit me të dhëna një tekst:
data() {
return {
text1: '111',
text2: '222',
}
}
Të dhënat e ruajtura mund të shfaqen në pamje. Kjo bëhet në kllapa kaçurrelë të dyfishta, ku shkruhet emri i vetisë, vlera e së cilës ne duam të shfaqim. Le të shfaqim vlerat e vetive tona:
<template>
{{ text1 }}
{{ text2 }}
</template>
Dhe tani le të bëjmë që secila nga mesazhet tona të shfaqet në paragrafin e vet:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Le të ruhet në data emri
dhe mbiemri i përdoruesit:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Shfaqni çdo veti në
tag-un e veçantë div.
