在 Svelte 中,一个组件就是一个以 .svelte 为扩展名的文件。组件内可以声明局部变量、函数与响应式状态,并在模板中通过事件绑定把用户交互与逻辑关联起来。
组件通过 props声明它接收的属性(props),父组件在调用时以属性的形式传入数据。属性可以设置默认值,也可以结合props声明它接收的属性(props),父组件在调用时以属性的形式传入数据。属性可以设置默认值,也可以结合bindable 声明支持双向绑定的属性。
组件之间可以相互引用、嵌套,形成树状结构。Svelte 5 引入的 Snippets(代码片段)提供了一种在组件间传递可复用标记片段的方式,用于替代传统的插槽(slot)机制。