Vue komponendi struktuur

Iga komponent peaks koosnema kahest järgnevast siltidest:

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

Sildis template tuleks kirjutada veebilehe kujundus, see tähendab meie komponendi esitlust:

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

Ja sildis script tuleks kirjutada meie komponendi JavaScript kood. See kood peaks esindama objekti, mida eksporditakse meie komponendi failist:

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

Eksporditavas objektis määratakse erinevad komponendi seadistused ja funktsioonid. Üks seadistustest on selle komponendi nimi:

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