Štruktúra komponentu Vue
Každý komponent musí pozostávať z nasledujúcich dvoch tagov:
<script>
</script>
<template>
</template>
V tagu template by sa mala písať
HTML štruktúra, teda prezentácia
nášho komponentu:
<template>
<div>
Hello World
</div>
</template>
A v tagu script by sa mal
písať JavaScript kód nášho komponentu.
Tento kód by mal predstavovať
objekt, ktorý bude exportovaný
z nášho súboru komponentu:
<script>
export default {
}
</script>
V exportovanom objekte sa uvádzajú rôzne nastavenia a funkcie komponentu. Jedným z nastavení je názov tohto komponentu:
export default {
name: 'App',
}
V tagu template vášho komponentu
vypíšte nejaký text s tagmi.