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>
По този начин, детският компонент не извиква директно методите на родителя, а съобщава за събитие, и родителят решава какво да направи с него. Това поддържа принципа на еднопосочен поток на данни и улеснява управлението на състоянието.