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

posted on 2021-06-09 15:24  右究  阅读(68)  评论(0编辑  收藏  举报

导航