Štruktúra komponentu Vue

Každý komponent musí pozostávať z nasledujúcich dvoch tagov:

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

V tagu template by sa mala písať HTML štruktúra, teda prezentácia nášho komponentu:

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

A v tagu script by sa mal písať JavaScript kód nášho komponentu. Tento kód by mal predstavovať objekt, ktorý bude exportovaný z nášho súboru komponentu:

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

V exportovanom objekte sa uvádzajú rôzne nastavenia a funkcie komponentu. Jedným z nastavení je názov tohto komponentu:

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