Strukturen til en Vue-komponent

Hver komponent skal bestå av følgende to tagger:

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

I taggen template skal man skrive markup, det vil si presentasjonslaget til komponenten vår:

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

Og i taggen script skal man skrive JavaScript-koden til komponenten vår. Denne koden skal representere et objekt som skal eksporteres fra komponentfilen vår:

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

I det eksporterte objektet angis forskjellige innstillinger og funksjoner for komponenten. En av innstillingene er navnet på denne komponenten:

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