Svelte Text inputs

一般來(lái)說(shuō)，Svelte 中的數(shù)據(jù)流是自上而下的——父組件可以在子組件上設(shè)置屬性，組件可以在元素上設(shè)置屬性，但反之則不行。

有時(shí)打破這個(gè)規(guī)則是有用的。以該組件中的 ?<input>? 元素為例——我們可以添加一個(gè) ?on:input? 事件處理程序，將 ?name? 的值設(shè)置為 ?event.target.value?，但這有點(diǎn)……死板。正如我們將看到的，對(duì)于其他表單元素，情況會(huì)變得更糟。

相反，我們可以使用 ?bind:value? 指令：

<input bind:value={name}>

這意味著，不僅?name?的值的變化會(huì)更新輸入值，而且輸入值的變化也會(huì)更新?name?。