Memahami bind:value Antara Parent dan Child di Svelte
Salah satu fitur keren di Svelte adalah two-way binding dengan bind:value.
Dengan binding ini, data di parent dan child component bisa saling sinkron secara otomatis tanpa perlu kode boilerplate.
Mari kita lihat contoh sederhana dengan membuat input field yang terhubung antara parent dan child.
1. Child Component: InputField.svelte Buat file src/lib/components/InputField.svelte:
Copy <script lang="ts"> export let value: string = ""; </script> <h2>Child Component</h2> <input type="text" bind:value /> <p>Isi input (child): {value}</p> Penjelasan:
