面试题：Svelte中如何监听DOM元素的点击事件并传递自定义参数

Question

在Svelte中，假设你有一个按钮元素，要求监听其点击事件，并在点击时传递一个自定义的字符串参数给事件处理函数，描述实现的具体步骤和代码示例。

Answer 1

1. 步骤：
   • 在Svelte组件的模板中创建按钮元素。
   • 使用on:click指令绑定点击事件，并在事件处理函数调用时传递自定义字符串参数。
   • 在组件的脚本部分定义接收参数的事件处理函数。
2. 代码示例：

<script>
    const handleClick = (param) => {
        console.log(`Received parameter: ${param}`);
    };
</script>

<button on:click={() => handleClick('custom string')}>Click me</button>