Skip to main content

Part 3 / Special elements / <svelte:component>

コンポーネントは <svelte:component> でカテゴリを完全に変更することができます。一連の if ブロックの代わりに…

{#if selected.color === 'red'}
	<RedThing/>
{:else if selected.color === 'green'}
	<GreenThing/>
{:else if selected.color === 'blue'}
	<BlueThing/>
{/if}

…我々は単一の動的なコンポーネントを持つことができます。

<svelte:component this={selected.component}/>

this 値には任意のコンポーネントコンストラクタ、または falsy な値を指定できます。falsy の値を指定した場合、コンポーネントはレンダリングされません。

Next: <svelte:window>

initialising