A Vue komponens szerkezete

Minden komponensnek a következő két tagből kell állnia:

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

A template tagbe kell írni a HTML szerkezetet, vagyis a komponensünk megjelenítését:

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

A script tagbe pedig a komponensünk JavaScript kódját kell írni. Ennek a kódnak egy objektumot kell képviselnie, amely exportálásra kerül a komponensfájlból:

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

Az exportált objektumban adjuk meg a komponens különböző beállításait és funkcióit. Az egyik beállítás a komponens neve:

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