Sobes.tech
Middle

Чӣ гуна маълумот ё усулҳоро аз компонентча ба компонентпараст дар Vue интиқол додан мумкин аст?

sobes.tech AI

Ҷавоб аз AI

В Vue.js механизмът за събития обикновено се използва за предаване на данни или извикване на методи от детски компонент към родителски.

Детският компонент може да изпрати събитие с необходимите данни чрез $emit, а родителският компонент го слуша и реагира на него.

Пример:

<!-- Родителски компонент -->
<template>
  <ChildComponent @custom-event="handleCustomEvent" />
</template>

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

export default {
  components: { ChildComponent },
  methods: {
    handleCustomEvent(payload) {
      console.log('Данни от детето:', payload);
    }
  }
}
</script>

<!-- Детски компонент -->
<template>
  <button @click="sendData">Данни към родителя</button>
</template>

<script>
export default {
  methods: {
    sendData() {
      this.$emit('custom-event', { message: 'Здравей, родителю!' });
    }
  }
}
</script>

По този начин, детският компонент не извиква директно методите на родителя, а съобщава за събитие, и родителят решава какво да направи с него. Това поддържа принципа на еднопосочен поток на данни и улеснява управлението на състоянието.