Vue-komponentin rakenne
Jokaisen komponentin tulee koostua kahdesta seuraavasta tagista:
<script>
</script>
<template>
</template>
Tagissa template tulee kirjoittaa
merkintäkieli, eli komponenttimme
esitys:
<template>
<div>
Hello World
</div>
</template>
Ja tagissa script tulee
kirjoittaa komponenttimme JavaScript-koodi.
Tämän koodin tulee olla
objekti, joka viedään
komponenttitiedostostamme:
<script>
export default {
}
</script>
Viedyissä objekteissa määritetään komponentin erilaisia asetuksia ja funktioita. Yksi asetuksista on komponentin nimi:
export default {
name: 'App',
}
Tagissa template komponentissasi
tulosta jokin teksti tageilla.
