Snippet

Emitting Custom Events

Use defineEmits to declare custom events that a child component can send to its parent. The emit function triggers the event with optional data.

snippet.js

javascript

const emit = defineEmits(['notify']);
 
function sendAlert() {
  emit('notify', 'Action completed!');
}

vue

Breakdown

const emit = defineEmits(['notify']);

Declares that this component can emit an event named 'notify'.

emit('notify', 'Action completed!');

Triggers the event and passes a string as a payload.