Svelte 如何实现组件的双向数据绑定？

1. bind 双向绑定语法

Svelte 使用 bind 属性实现双向绑定。当表单元素或子组件的值变化时，绑定的变量会同步更新；变量变化时界面也随之更新，无需手动编写事件监听去回写状态。

2. 结合 $bindable 属性

在子组件中，需要先用 $bindable 声明某个属性支持双向绑定，父组件才能对该属性使用 bind 语法。这样组件既能接收父级数据，也能把内部变更同步回父级。

3. 常见于表单场景

双向绑定在表单输入、滑块、开关等需要与状态保持同步的控件中尤为常用，能显著减少样板代码，使受控组件的写法更加简洁。