Svelte 的 props和props和bindable 有什么区别？

1. $props 用于声明与接收属性

$props 是组件声明自身接收属性的方式，父组件传入的数据通过它暴露给子组件使用，可以设置默认值，也支持解构与剩余属性收集。它解决的是"组件能接收哪些数据"的问题。

2. $bindable 标记可双向绑定的属性

bindable是在bindable是在props 声明的基础上，进一步标记某个属性允许父组件以双向绑定的方式使用。被标记的属性在子组件内变更时，会同步回父组件对应的变量。

3. 二者的关系

props决定属性的存在与默认值，props决定属性的存在与默认值，bindable 决定该属性是否支持双向流动。一个属性可以既是普通只读属性，也可以在需要时声明为可双向绑定，两者配合完成组件对外的数据契约定义。