ရိုးရိုးလေး ရှင်းပြမယ်
Parent က data ကို props ဖြင့်အောက်သို့ပို့ပြီး child က action ကို events ဖြင့်အပေါ်သို့ပို့သည်။ defineEmits က component ကထုတ်မည့် event များကို document လုပ်ပြီး emit function ပြန်ပေးသည်။ Event name ကို kebab-case သုံးပါ။
vue
<!-- QuantityPicker.vue -->
<script setup>
const props = defineProps({ modelValue: Number })
const emit = defineEmits(['update:modelValue'])
</script>
<template>
<button @click="emit('update:modelValue', props.modelValue - 1)">−</button>
<span>{{ props.modelValue }}</span>
<button @click="emit('update:modelValue', props.modelValue + 1)">+</button>
</template>You should see
− 2 +လက်တွေ့စမ်းကြည့်ရန်
Delete button ပါသော TaskItem component တည်ဆောက်ပြီး task id ကို delete event payload ဖြင့် parent သို့ပို့ပါ။
Component Events — Vue.js