Struktura komponentu Vue
Każdy komponent musi składać się z dwóch następujących tagów:
<script>
</script>
<template>
</template>
W tagu template należy pisać
znaczniki, czyli widok
naszego komponentu:
<template>
<div>
Hello World
</div>
</template>
A w tagu script należy
pisać kod JavaScript naszego komponentu.
Ten kod powinien reprezentować
obiekt, który będzie eksportowany
z naszego pliku komponentu:
<script>
export default {
}
</script>
W eksportowanym obiekcie określa się różne ustawienia i funkcje komponentu. Jednym z ustawień jest nazwa tego komponentu:
export default {
name: 'App',
}
W tagu template twojego komponentu
wyświetl jakiś tekst z tagami.