JavaScript'te Bileşene Veri Aktarımı

Ana bileşenden, alt bileşenlere veri aktarılabilir. Bunun için bileşen etiketine veri içeren nitelikler yazılmalıdır. Örneğin, kullanıcının adını ve soyadını aktaralım:

App.vue<template>
  <User name="john" surn="smit" />
</template>

Bu şekilde aktarılan verilere proplar denir. Bileşenin bu verileri alabilmesi için, isimlerini props ayarında listelemek gerekir:

components/User.vue<script>
  export default {
    props: ['name', 'surn'],
    data() {
      return {
        
      }
    }
  }
</script>

Artık aktarılan veriler, alt bileşenin şablonunda görüntülenebilir:

components/User.vue<template>
  {{ name }}
  {{ surn }}
</template>