Data objekts Vue
Komponenta pamatā ir dati,
ar kuriem mēs manipulēsim.
Šie dati tiek glabāti īpašā
objektā data. Šis objekts
jāatgriež kā īpašas metodes
rezultāts:
export default {
data() {
return {
}
}
}
Glabāsim objektā ar datiem kādu tekstu:
data() {
return {
text1: '111',
text2: '222',
}
}
Saglabātos datus var izvadīt skatā. Tas tiek darīts dubultajās cirtainajās iekavās, kurās raksta īpašuma nosaukums, kura vērtību mēs vēlamies izvadīt. Izvadīsim mūsu īpašumu vērtības:
<template>
{{ text1 }}
{{ text2 }}
</template>
Tagad padarīsim tā, lai katrs no mūsu ziņojumiem tiktu izvadīts savā rindkopā:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Lai data glabājas lietotāja vārds
un uzvārds:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Izvadiet katru īpašumu
atsevišķā div tagā.
