Структура на Vue компонент

Секој компонент треба да се состои од следниве два тага:

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

Во тагот template треба да се пишува разградувањето, односно претставувањето на нашиот компонент:

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

А во тагот script треба да се пишува JavaScript кодот на нашиот компонент. Овој код треба да претставува објект кој ќе се извезува од нашата компонентна датотека:

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

Во извезениот објект се наведуваат различни поставки и функции на компонентата. Една од поставките е името на овој компонент:

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