Struktura Vue komponente

Svaka komponenta treba da se sastoji od dva sledeća taga:

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

U tagu template treba pisati verstku, odnosno predstavljanje naše komponente:

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

A u tagu script treba pisati JavaScript kod naše komponente. Ovaj kod treba da predstavlja objekat koji će biti izvezen iz našeg fajla komponente:

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

U izvezenom objektu se navode različita podešavanja i funkcije komponente. Jedno od podešavanja je ime ove komponente:

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