Svelte 中怎样做双向数据绑定

正文

双向数据绑定是很实用的特性，Vue 中使用指令：v-model，在 Svelte 中使用：bind:value={value}，这里因为属性名和绑定的变量值名称相同，所以可以简写成：bind:value。

<script>
  let value = "";
</script>

<div>
  <!-- <input type="text" bind:value={value} /> -->
  <!-- 简写 -->
  <input type="text" bind:value />
  <br />

  <span>{value}</span>
</div>

 

参考

https://www.sveltejs.cn/tutorial/text-inputs