Vue komponendi struktuur
Iga komponent peaks koosnema kahest järgnevast siltidest:
<script>
</script>
<template>
</template>
Sildis template tuleks kirjutada
veebilehe kujundus, see tähendab meie komponendi
esitlust:
<template>
<div>
Hello World
</div>
</template>
Ja sildis script tuleks
kirjutada meie komponendi JavaScript kood.
See kood peaks esindama objekti,
mida eksporditakse meie komponendi failist:
<script>
export default {
}
</script>
Eksporditavas objektis määratakse erinevad komponendi seadistused ja funktsioonid. Üks seadistustest on selle komponendi nimi:
export default {
name: 'App',
}
Sildis template teie komponendis
kuvake mingi tekst siltidega.