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