Data Binding 為現代前端 Framework 首要功能，如此才能以 Data 為中心開發前端，讓我們來學習 Svelte 如何將 Variable 綁定到 HTML。
Version
macOS Catalina 10.15.1
WebStorm 2019.2.4
Svelte 3.0.0
Data Binding
<script>
let name = 'World'
</script>
<p>Hello { name }</p>
只要在 <script> 內定義的 top level variable，就可在 HTML 將該 variable 綁定到 HTML。
在 HTML 則使用 { } 將該 variable 加以綁定。
Conclusion
- Svelte 的 data binding 相當簡單，且要求是 JavaScript 的 top level variable 即可，因此應用上非常靈活