到目前为止,我们只处理内部状态——也就是说,这些值只能在给定的组件内访问。
在任何实际应用程序中,您都需要将数据从一个组件传递到其子组件。为此,我们需要声明属性,通常缩写为“props”。在 Svelte 中,我们使用$props
符文来实现。编辑Nested.svelte
组件
嵌套
<script>
let { answer } = $props();
</script>
1
2
3
4
5
6
<script>
import Nested from './Nested.svelte';
</script>
<Nested answer={42} />