მონაცემების გადაცემა კომპონენტში JavaScript-ში

მშობელი კომპონენტიდან შესაძლებელია მონაცემების გადაცემა შვილობილ კომპონენტში. ამისთვის კომპონენტის ტეგში უნდა ჩავწეროთ ატრიბუტები მონაცემებით. მაგალითად, მოდით, გადავცეთ მომხმარებლის სახელი და გვარი:

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

ასეთ გადაცემულ მონაცემებს ეწოდება პროპსები. იმისთვის, რომ კომპონენტმა მიიღოს ეს მონაცემები, აუცილებელია მათი სახელების ჩამოთვლა props კონფიგურაციაში:

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

ახლა გადაცემული მონაცემების შესაძლებელია შვილობილი კომპონენტის წარმოდგენაში გამოტანა:

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