Struktura komponente Vue

Vsaka komponenta mora biti sestavljena iz dveh naslednjih oznak:

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

V oznaki template pišemo opremo, to je predstavitev naše komponente:

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

V oznaki script pa pišemo JavaScript kodo naše komponente. Ta koda mora predstavljati objekt, ki bo izvožen iz naše datoteke komponente:

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

V izvoženem objektu so navedene različne nastavitve in funkcije komponente. Ena od nastavitev je ime te komponente:

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