Structura componentei Vue
Fiecare componentă trebuie să fie formată din următoarele două tag-uri:
<script>
</script>
<template>
</template>
În tag-ul template trebuie scris
marcajul, adică reprezentarea
componentei noastre:
<template>
<div>
Hello World
</div>
</template>
Iar în tag-ul script trebuie
scris codul JavaScript al componentei noastre.
Acest cod ar trebui să fie un
obiect care va fi exportat
din fișierul componentei noastre:
<script>
export default {
}
</script>
În obiectul exportat sunt specificate diverse setări și funcții ale componentei. Una dintre setări este numele acestei componente:
export default {
name: 'App',
}
În tag-ul template al componentei dumneavoastră
afișați un text oarecare cu tag-uri.