Skip to main content

これまで、内部状態についてのみ扱ってきました。- つまり、値はそのコンポーネント内からしかアクセスできないということです。

実際のアプリケーションでは、あるコンポーネントから、その子コンポーネントにデータを渡す必要があります。そのためには、*プロパティ(properties)*を宣言する必要があります。通常は 'props'と省略されます。Svelteでは、exportというキーワードを使用してこれを行います。Nested.svelteコンポーネントを編集してみましょう。

Nested.svelte
<script>
	export let answer;
</script>

$:と同じように、最初は少し奇妙に感じるかもしれません。これはJavaScriptモジュールの通常のexportとは動作が異なりますので!とりあえず今は使っていってください。すぐに慣れるでしょう。

Next: Default values

1
2
3
4
5
6
<script>
	import Nested from './Nested.svelte';
</script>
 
<Nested answer={42} />
 
initialising