Svelte 之 Two Way Binding | 點燈坊

Two Way Binding 也算現代前端代表性功能，Svelte 寫法與 Vue 相當類似。

Version

macOS Catalina 10.15.1
WebStorm 2019.2.4
Svelte 3.0.0

Two Way Binding

<script>
let name = ''
</script>

<input type="text" bind:value={ name }>
<p>Hello { name }</p>

Svelte 也支援 two way binding，只要在 HTML attribute 前加上 bind:，然後再使用 { } 綁定到 variable 即可。

Conclusion

• Svelte 的 two-way bind 與 Vue 的 v-model 類似，但已經比 React 寫法精簡許多

Reference

Svelte, Text inputs