Discussion on: Two way data binding in vue,react and vanilla js

[Keith Charles]

Here's a svelte way of setting up two-way binding:

// Child.svelte
<script>
  export let value;
</script>

<input type="text" {value} on:input={(event) => value = event.target.value} />

// Parent.svelte
<script>
  import Child from "Child.svelte";

  let myMsg="World";
</script>

<Child bind:value={myMsg} />

Kinda crazy how little code it takes to get it set up with svelte 😉

[buridev]

svelte looks like vanilla js