Как передать событие из родительского в дочерний компонент в Composition Api?

Для передачи события из родительского компонента в дочерний компонент в Vue.js с использованием Composition API, можно воспользоваться реактивным свойством и функцией-геттером.

В родительском компоненте необходимо определить реактивное свойство, которое будет содержать значение события, а также функцию для его обновления. Например:

import { ref } from 'vue';

export default {
  setup() {
    const eventValue = ref(null);

    const setEventValue = (value) => {
      eventValue.value = value;
    };

    return {
      eventValue,
      setEventValue,
    };
  },
};

Затем в дочернем компоненте можно принять это значение и функцию обновления через пропсы:

export default {
  props: ['eventValue', 'setEventValue'],
};

И далее в шаблоне дочернего компонента использовать данные пропсы для выполнения необходимых действий:

<template>
  <div @click="setEventValue('clicked')">
    {{ eventValue }}
  </div>
</template>

Теперь, при вызове функции setEventValue в родительском компоненте, значение события будет передаваться в дочерний компонент и отображаться в его шаблоне.

Таким образом, мы можем передавать событие из родительского в дочерний компонент с использованием Composition API в Vue.js, сделав его реактивным и передавая через пропсы.