如何在Svelte应用中创建和使用自定义事件

在Svelte应用中创建和使用自定义事件非常简单。您可以通过以下步骤来创建和使用自定义事件：

1. 创建一个Svelte组件，并在组件中定义一个自定义事件。您可以使用dispatch函数来触发自定义事件。例如，您可以在组件中创建一个按钮，当按钮被点击时触发自定义事件：

<script>
    import { createEventDispatcher } from 'svelte';

    const dispatch = createEventDispatcher();

    function handleClick() {
        dispatch('customEvent', { message: 'Hello from custom event!' });
    }
</script>

<button on:click={handleClick}>Trigger Custom Event</button>

2. 在父组件中使用该自定义事件。您可以在父组件中监听自定义事件，并在事件被触发时执行相应的操作。例如，您可以在父组件中监听名为"customEvent"的自定义事件，并输出事件传递的消息：

<script>
    let message = '';

    function handleCustomEvent(event) {
        message = event.detail.message;
    }
</script>

<ChildComponent on:customEvent={handleCustomEvent} />
<p>{message}</p>

通过这种方式，您可以在Svelte应用中轻松地创建和使用自定义事件。您可以根据需要定义任意数量的自定义事件，并在组件之间传递数据和通信。