xxxxxxxxxx
<input @change="$emit('modelInput' , inputValueModel)" >
xxxxxxxxxx
<template>
<button @click="sendMessage">Send Message to Parent</button>
</template>
<script setup>
import { defineEmits } from 'vue';
// Khai báo sự kiện sẽ emit
const emits = defineEmits(["message-from-child"])
// Hàm để gửi thông điệp lên ParentComponent
function sendMessage() {
emits("message-from-child", 'Hello from child pass data to component parent');
}
</script>
xxxxxxxxxx
const emits = defineEmits(["updatedcount"])
emits("updatedcount", store.count);
xxxxxxxxxx
// This is in child component
// use this after some process in methods
this.$emit('event-name', 'Hello, I'm Suman') ——————┐
│
// parent component │
<template> │
<child-component │
@event-name="someFuncToCall" <—————————————————┘
>
</child-component>
</template>
<script>
export default {
methods: {
someFuncToCall(arg) {
console.log(arg); //Hello, I'm Suman
}
}
}
</script>