Svelte Runes

$props(...)

2025-06-10

$props 是 Svelte 中的一个 rune,用于在组件中声明和访问 props,它提供了一种更简洁和类型安全的方式来处理组件的属性。

使用

这里传递 answer 属性和对应值给 Nested 组件:

App.svelte
<script>
import Nested from './Nested.svelte';
</script>
<Nested answer=42 />

在 Nested 组件中通过 $props() 接收:

Nested.svelte
<script>
let { answer } = $props();
</script>
<p>The answer is {answer}</p>

参考