Vue komponenta struktūra

Katram komponentam jāsastāv no sekojošām divām tagām:

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

Tagā template jāraksta izklājums, tas ir, mūsu komponenta attēlojums:

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

Un tagā script jāraksta mūsu komponenta JavaScript kods. Šim kodam jābūt objektam, kas tiks eksportēts no mūsu komponenta faila:

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

Eksportētajā objektā tiek norādīti dažādi komponenta iestatījumi un funkcijas. Viens no iestatījumiem ir šī komponenta nosaukums:

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