vue3 中在script setup中定义emits

在 Vue 3 中，可以在 `script setup` 中通过 `defineEmits` 函数来定义 `emits` 属性。

例如：

<script setup>
import { defineEmits } from 'vue';

const emits = defineEmits(['update']);

function handleClick() {
  // 触发 update 事件
  emits('update', 'some data');
}
</script>

在上面的示例中，我们通过 `defineEmits` 函数定义了一个 `emits` 对象，其中包含一个 `update` 事件。然后在 `handleClick` 函数中，我们通过 `emits` 函数来触发 `update` 事件，并传递了一些数据。

在组件中使用时，我们可以将 `emits` 属性传递给子组件，以便子组件可以触发事件并向父组件传递数据：

<template>
  <ChildComponent :emits="emits" />
</template>

<script setup>
import ChildComponent from './ChildComponent.vue';

import { defineEmits } from 'vue';

const emits = defineEmits(['update']);

function handleUpdate(data) {
  console.log('Received data from child component:', data);
}
</script>

在上面的示例中，我们将 `emits` 属性传递给了 `ChildComponent` 子组件，并在父组件中定义了一个 `handleUpdate` 函数来处理子组件触发的 `update` 事件。当子组件触发 `update` 事件时，父组件的 `handleUpdate` 函数会被调用，并接收子组件传递的数据。