これまで、内部状態についてのみ扱ってきました。つまり、値はそのコンポーネント内からしかアクセスできないということです。
実際のアプリケーションでは、あるコンポーネントから、その子コンポーネントにデータを渡す必要があります。そのためには、 プロパティ(properties) を宣言する必要があります。通常は 'props'と省略されます。Svelteでは、export
というキーワードを使用してこれを行います。Nested.svelte
コンポーネントを編集してみましょう。
<script>
export let answer;
</script>
$:
と同じように、最初は少し奇妙に感じるかもしれません。これはJavaScriptモジュールの通常のexport
とは動作が異なりますので!とりあえず今は使っていってください。すぐに慣れるでしょう。