Data-objektet i Vue
Grundlaget for en komponent er data,
som vi vil manipulere.
Disse data gemmes i et specielt
objekt data. Dette objekt
skal returneres som resultatet af
en speciel metode:
export default {
data() {
return {
}
}
}
Lad os gemme en eller anden tekst i en egenskab af dataobjektet:
data() {
return {
text1: '111',
text2: '222',
}
}
De lagrede data kan vises i presentationen. Dette gøres i dobbelte krøllede parenteser, hvor navnet på egenskaben skrives, hvis værdi vi ønsker at vise. Lad os vise værdierne af vores egenskaber:
<template>
{{ text1 }}
{{ text2 }}
</template>
Og lad os nu gøre det så hvert af vores beskeder vises i deres eget afsnit:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Lad der i data gemmes fornavn
og efternavn på brugeren:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Vis hver egenskab i
separate div-tags.
