Struktur af Vue-komponent

Hver komponent skal bestå af de følgende to tags:

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

I tagget template skal du skrive opmærkningen, det vil sige præsentationen af vores komponent:

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

Og i tagget script skal du skrive JavaScript-koden for vores komponent. Denne kode skal repræsentere et objekt, der vil blive eksporteret fra vores komponentfil:

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

I det eksporterede objekt angives forskellige indstillinger og funktioner for komponenten. En af indstillingerne er navnet på denne komponent:

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