Δομή του Component Vue

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

App.vue<script>
  
</script>
<template>
  
</template>

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

App.vue<template>
  <div>
    Hello World
  </div>
</template>

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

App.vue<script>
  export default {
    
  }
</script>

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

App.vueexport default {
  name: 'App',
}