Struktura e Komponentit Vue

Çdo komponent duhet të përbëhet nga dy tagjet e mëposhtme:

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

Në tagun template duhet të shkruhet markup, pra prezantimi i komponentit tonë:

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

Ndërsa në tagun script duhet të shkruhet kodi JavaScript i komponentit tonë. Ky kod duhet të përfaqësojë një objekt, i cili do të eksportohet nga skedari ynë i komponentit:

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

Në objektin e eksportuar specifikohen konfigurime dhe funksione të ndryshme të komponentit. Një nga konfigurimet është emri i këtij komponenti:

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