Vue komponento struktūra

Kiekvienas komponentas turi susidėti iš šių dviejų tagų:

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

template tag'e reikia rašyti žymėjimą, tai yra mūsų komponento atvaizdavimą:

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

O script tag'e reikia rašyti mūsų komponento JavaScript kodą. Šis kodas turėtų būti objektas, kuris bus eksportuojamas iš mūsų komponento failo:

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

Eksportuojamame objekte nurodomos įvairios komponento nuostatos ir funkcijos. Viena iš nuostatų yra šio komponento pavadinimas:

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