A Vue komponens szerkezete
Minden komponensnek a következő két tagből kell állnia:
<script>
</script>
<template>
</template>
A template tagbe kell írni
a HTML szerkezetet, vagyis a komponensünk
megjelenítését:
<template>
<div>
Hello World
</div>
</template>
A script tagbe pedig a komponensünk
JavaScript kódját kell írni.
Ennek a kódnak egy objektumot kell
képviselnie, amely exportálásra kerül
a komponensfájlból:
<script>
export default {
}
</script>
Az exportált objektumban adjuk meg a komponens különböző beállításait és funkcióit. Az egyik beállítás a komponens neve:
export default {
name: 'App',
}
A template tagben jelenítsen meg
valamilyen szöveget tag-ekkel.
