მონაცემების გადაცემა კომპონენტში JavaScript-ში
მშობელი კომპონენტიდან შესაძლებელია მონაცემების გადაცემა შვილობილ კომპონენტში. ამისთვის კომპონენტის ტეგში უნდა ჩავწეროთ ატრიბუტები მონაცემებით. მაგალითად, მოდით, გადავცეთ მომხმარებლის სახელი და გვარი:
<template>
<User name="john" surn="smit" />
</template>
ასეთ გადაცემულ მონაცემებს ეწოდება
პროპსები. იმისთვის, რომ
კომპონენტმა მიიღოს ეს მონაცემები,
აუცილებელია მათი სახელების ჩამოთვლა
props კონფიგურაციაში:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
ახლა გადაცემული მონაცემების შესაძლებელია შვილობილი კომპონენტის წარმოდგენაში გამოტანა:
<template>
{{ name }}
{{ surn }}
</template>
გადაეცით კომპონენტს Employee
თანამშრომლის სახელი, გვარი და ასაკი.
კომპონენტის Employee შიგნით
გამოიტანეთ მისი თითოეული პროფსი
ცალკეულ ტეგში.
