Struktura komponentu Vue
Každý komponent by se měl skládat z následujících dvou tagů:
<script>
</script>
<template>
</template>
V tagu template se píše
HTML značky, tedy prezentaci
našeho komponentu:
<template>
<div>
Hello World
</div>
</template>
A v tagu script se
píše JavaScript kód našeho komponentu.
Tento kód by měl představovat
objekt, který bude exportován
z našeho souboru komponentu:
<script>
export default {
}
</script>
V exportovaném objektu se uvádějí různá nastavení a funkce komponentu. Jedním z nastavení je název tohoto komponentu:
export default {
name: 'App',
}
V tagu template vašeho komponentu
vypište nějaký text s HTML značkami.