{@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}
上一個 下一個