如何在Composition (Vue3)中编写事件？

在Composition API中编写事件，可以通过使用on函数来实现。on函数是Vue 3中的一个内置函数，用于绑定事件处理程序。

在编写事件时，需要先导入on函数，然后在组件的setup函数中使用它。以下是一个示例：

import { on } from 'vue';

export default {
  setup() {
    // 定义事件处理程序
    const handleClick = () => {
      // 处理点击事件的逻辑
    };

    // 绑定事件处理程序
    onMounted(() => {
      on(document, 'click', handleClick);
    });

    // 可选：在组件卸载时解绑事件
    onUnmounted(() => {
      off(document, 'click', handleClick);
    });

    return {
      // 返回需要暴露给模板的数据或方法
    };
  },
};

在上面的示例中，我们首先导入了on函数。然后，在setup函数中定义了一个handleClick函数作为事件处理程序。接下来，我们使用onMounted钩子函数来在组件挂载时绑定事件，使用onUnmounted钩子函数来在组件卸载时解绑事件。最后，我们可以将需要暴露给模板的数据或方法返回。

这是一个简单的示例，你可以根据具体的需求来编写更复杂的事件处理逻辑。在Vue 3的Composition API中，通过使用on函数，你可以更灵活地编写事件处理代码。