Dataobjektet i Vue
Grunden för en komponent är data
som vi kommer att manipulera.
Dessa data lagras i ett speciellt
objekt data. Detta objekt
bör returneras som ett resultat av
en speciell metod:
export default {
data() {
return {
}
}
}
Låt oss lagra lite text i en egenskap i dataobjektet:
data() {
return {
text1: '111',
text2: '222',
}
}
Lagrad data kan visas i vyn. Detta görs i dubbla klammerparenteser där namnet på egenskapen skrivs, vars värde vi vill visa. Låt oss visa värdena för våra egenskaper:
<template>
{{ text1 }}
{{ text2 }}
</template>
Och låt oss nu se till att varje av våra meddelanden visas i sitt eget stycke:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Låt i data lagras förnamn
och efternamn på användaren:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Visa varje egenskap i
separata div-taggar.
