JavaScript-də komponentə məlumat ötürülməsi

Ata komponentdən uşaq komponentə məlumat ötürmək olar. Bunun üçün komponent teqində məlumat olan atributlar yazılmalıdır. Gəlin, məsələn, istifadəçinin adını və soyadını ötürək:

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

Belə ötürülən məlumatlar proplar adlanır. Komponentin bu məlumatları qəbul etməsi üçün, onların adlarını props konfiqurasiyasında sadalamaq lazımdır:

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

İndi ötürülən məlumatları uşaq komponentin template hissəsində göstərmək olar:

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