SVElte5 Event Handling Bind

Ringkasan

Svelte 5 pakai atribut onclick (bukan on:click) dan prop callback untuk event. bind: tetap ada untuk two-way binding.

Konsep Dasar

• <button onclick={handler}> — event tanpa prefix on:.
• Callback props: <Child onclose={fn} /> (bukan createEventDispatcher).
• bind:value, bind:checked, bind:this tetap berlaku.
• Event modifier via | tidak ada lagi; pakai wrapper atau {...} manually.

Cara Kerja / Struktur

svelte

<script>
  let name = $state("");
  function submit(){ /* ... */ }
</script