Struktura komponentu Vue

Každý komponent by se měl skládat z následujících dvou tagů:

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

V tagu template se píše HTML značky, tedy prezentaci našeho komponentu:

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

A v tagu script se píše JavaScript kód našeho komponentu. Tento kód by měl představovat objekt, který bude exportován z našeho souboru komponentu:

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

V exportovaném objektu se uvádějí různá nastavení a funkce komponentu. Jedním z nastavení je název tohoto komponentu:

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