Skip to main content

Part 1 / Props / Declaring props

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

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

<script>
	export let answer;
</script>

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

Next: Default values

initialising