Svelte模板语法

{@render ...}

要渲染一个代码片段，请使用 {@render ...} 标签。

{#snippet sum(a, b)}
	<p>{a} + {b} = {a + b}</p>
{/snippet}

{@render sum(1, 2)}
{@render sum(3, 4)}
{@render sum(5, 6)}

表达式可以是像 sum 这样的标识符，或者是一个任意的 JavaScript 表达式

{@render (cool ? coolSnippet : lameSnippet)()}

可选代码片段

如果代码片段可能未定义——例如，因为它是一个传入的 prop——那么您可以使用可选链来仅在它已定义时渲染它

{@render children?.()}

或者，使用带有 :else 子句的 {#if ...} 块来渲染备用内容

{#if children}
	{@render children()}
{:else}
	<p>fallback content</p>
{/if}