Skip to main content

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

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

<script>
	export let answer;
</script>

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