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

Question

在Svelte中，假设有一个按钮元素，要求在点击该按钮时，触发一个函数并传递一个自定义参数。请写出实现该功能的Svelte代码结构，包括组件的模板部分和逻辑部分。

Answer 1

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

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