Vue Bileşen Yapısı

Her bileşen aşağıdaki iki etiketten oluşmalıdır:

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

template etiketinde görünüm yani bileşenimizin işaretlemesini yazmalıyız:

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

script etiketinde ise bileşenimizin JavaScript kodunu yazmalıyız. Bu kod, bileşen dosyamızdan dışa aktarılacak bir nesne olmalıdır:

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

Dışa aktarılan nesnede bileşenin çeşitli ayarları ve işlevleri belirtilir. Bu ayarlardan biri bileşenin adıdır:

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