Data objekt Vue's
Komponendi aluseks on andmed,
millega me manipuleerime.
Need andmed hoitakse spetsiaalses
objektis data. See objekt
peab tagastama spetsiaalse meetodi
tulemusena:
export default {
data() {
return {
}
}
}
Hoiame andmete objekti omaduses mõnda teksti:
data() {
return {
text1: '111',
text2: '222',
}
}
Hoitud andmeid saab kuvada vaates. Seda tehakse topeltharusulgudes, kuhu kirjutatakse omaduse nimi, mille väärtust me soovime kuvada. Kuvame meie omaduste väärtused:
<template>
{{ text1 }}
{{ text2 }}
</template>
Teeme nüüd nii, et iga meie sõnum kuvataks omaendas lõigus:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Olgu data's hoitud kasutaja eesnimi
ja perekonnanimi:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Kuvage iga omadus
eraldi div sildis.
