إرسال حدث من المكون الابن بإستخدام emit
الابن يقدر يطلب تغيير عن طريق حدث والأب هو اللي يحدث حالته
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
الزر في الابن بيبعت increase والأب بيزود العداد
ملف App.vue
<script setup>
import { ref } from "vue";
import CounterButton from "./CounterButton.vue";
const count = ref(0);
</script>
<template><p>{{ count }}</p><CounterButton @increase="count++" /></template>ملف CounterButton.vue
<script setup>
const emit = defineEmits(["increase"]);
</script>
<template><button @click="emit('increase')">Increase</button></template>النتيجة
الضغط على زر الابن بيزود العداد الموجود في الأب