Strukturen av en Vue-komponent

Varje komponent måste bestå av följande två taggar:

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

I taggen template ska du skriva HTML-strukturen, det vill säga vyn för vår komponent:

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

Och i taggen script ska du skriva JavaScript-koden för vår komponent. Denna kod bör vara ett objekt som exporteras från vår komponentfil:

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

I det exporterade objektet anges olika inställningar och funktioner för komponenten. En av inställningarna är namnet på denna komponent:

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