您可以像传递任何其他属性一样将事件处理程序传递给组件。在 Stepper.svelte 中，添加 increment 和 decrement 属性...
步进器
<script>
let { increment, decrement } = $props();
</script>...并将其连接起来
步进器
<button onclick={decrement}>-1</button>
<button onclick={increment}>+1</button>在 App.svelte 中，定义处理程序
<Stepper
increment={() => value += 1}
decrement={() => value -= 1}
/>1
2
3
4
5
6
7
8
9
10
<script>
import Stepper from './Stepper.svelte';
let value = $state(0);
</script>
<p>The current value is {value}</p><Stepper />