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:
<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:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Artık aktarılan veriler, alt bileşenin şablonunda görüntülenebilir:
<template>
{{ name }}
{{ surn }}
</template>
Employee bileşenine
çalışanın adını, soyadını ve yaşını aktarın.
Employee bileşeninin içinde
proplarının her birini
ayrı bir etiket içinde görüntüleyin.
