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>