Δομή του Component Vue

Κάθε component πρέπει να αποτελείται από τις ακόλουθες δύο ετικέτες:

<script>
	
</script>
<template>
	
</template>

Στην ετικέτα template πρέπει να γράφεται η σήμανση, δηλαδή η παρουσίαση του component μας:

<template>
	<div>
		Hello World
	</div>
</template>

Και στην ετικέτα script πρέπει να γράφεται ο κώδικας JavaScript του component μας. Αυτός ο κώδικας πρέπει να είναι ένα αντικείμενο που θα εξάγεται από το αρχείο του component μας:

<script>
	export default {
		
	}
</script>

Στο εξαγόμενο αντικείμενο καθορίζονται διάφορες ρυθμίσεις και λειτουργίες του component. Μία από τις ρυθμίσεις είναι το όνομα αυτού του component:

export default {
	name: 'App',
}

Στην ετικέτα template του component σας εμφανίστε κάποιο κείμενο με ετικέτες.