Vue-də uşaq komponentindən valideyn komponentə məlumatlar və ya metodlar necə ötürülür?

Vue.js-də, hadisə mexanizmi adətən uşaq komponentindən valideyn komponentinə məlumat ötürmək və ya metodları çağırmaq üçün istifadə olunur.

Uşaq komponenti $emit istifadə edərək lazım olan məlumatlarla hadisə göndərə bilər və valideyn komponenti bu hadisəni dinləyir və ona cavab verir.

Nümunə:

<!-- Valideyn komponenti -->
<template>
  <ChildComponent @custom-event="handleCustomEvent" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: { ChildComponent },
  methods: {
    handleCustomEvent(payload) {
      console.log('Uşaqdan alınan məlumat:', payload);
    }
  }
}
</script>

<!-- Uşaq komponenti -->
<template>
  <button @click="sendData">Valideynə məlumat göndər</button>
</template>

<script>
export default {
  methods: {
    sendData() {
      this.$emit('custom-event', { message: 'Salam, valideyn!' });
    }
  }
}
</script>

Bu şəkildə, uşaq komponenti birbaşa valideyn metodlarını çağırmır, əvəzinə hadisə bildirir və valideyn onunla nə edəcəyinə qərar verir. Bu, tək istiqamətli məlumat axını prinsipini dəstəkləyir və vəziyyət idarəsini sadələşdirir.