Data-objektet i Vue
Grunnlaget for en komponent er dataene
som vi skal manipulere.
Disse dataene lagres i et spesielt
objekt data. Dette objektet
skal returneres som et resultat av
en spesiell metode:
export default {
data() {
return {
}
}
}
La oss lagre en tekst i egenskapen til data-objektet:
data() {
return {
text1: '111',
text2: '222',
}
}
De lagrede dataene kan vises i presentasjonen. Dette gjøres i doble krøllparenteser, der navnet på egenskapen skrives, for å vise verdien vi ønsker. La oss vise verdiene til våre egenskaper:
<template>
{{ text1 }}
{{ text2 }}
</template>
La oss nå sørge for at hvert av våre meldinger vises i sin egen avsnitt:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
La data lagre brukerens fornavn
og etternavn:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Vis hver egenskap i
separate div-tagger.
