Известно, что несколько пропсов можно передать как объект через v-bind

<template>
  <UserAccount
    :name="user.name"
    :profile="user.profile"
    :location="user.location"
  />
</template>

// равносильно

<template>
  <UserAccount v-bind="user"/>
</template>

Но это же верно и для событий:

<template>
  <UserAccount v-on="userEventHandlers"/>
</template>

<script setup>
const userEventHandlers = {
  updateName(newName) { ... },
  deleteUser() { ... },
  addFriend(friend) { ... }
};
</script>

Названия функций должны совпадать с названиями событий.

#tip #events