Attribute Binding 也是現代前端必備功能，如此我們才能以 JavaScript 改變 HTML Attribute，且 Svelte 寫法比 Vue 更直覺更精簡。
Version
macOS Catalina 10.15.1
WebStorm 2019.2.4
Svelte 3.0.0
Attribute Binding
<script>
let src = 'images/svelte.png'
</script>
<img src={ src }>
Svelte 也能將 variable 綁定到 HTML attribute，語法與 data binding 一樣使用 { }。
<script>
let src = 'images/svelte.png'
</script>
<img { src }>
若你將 variable 取名與 HTML attribute 一樣，則可省略 HTML attribute。
至於 asset 放到
public目錄下即可，Svelte 會自動抓到
Conclusion
- Svelte 在 data binding 與 attribute binding 使用相同語法，非常直覺，不必如 Vue 須在 HTML attribute 前加上
v-bind:或:，還支援 shorthand 寫法