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?.()}

或者，使用{#if ...} 块配合 :else 子句来渲染后备内容：

{#if children}
	{@render children()}
{:else}
	<p>后备内容</p>
{/if}