Svelte遗留 API

<svelte:fragment>

<svelte:fragment> 元素允许您在命名插槽中放置内容，而无需将其包装在容器 DOM 元素中。这样可以保持文档的流式布局完整。

Widget

<div>
	<slot name="header">未提供标题</slot>
	<p>标题和页脚之间的一些内容</p>
	<slot name="footer" />
</div>

App

<script>
	import Widget from './Widget.svelte';
</script>

<Widget>
	<h1 slot="header">你好</h1>
	<svelte:fragment slot="footer">
		<p>保留所有权利。</p>
		<p>版权所有 (c) 2019 Svelte Industries</p>
	</svelte:fragment>
</Widget>

<script lang="ts">
	import Widget from './Widget.svelte';
</script>

<Widget>
	<h1 slot="header">你好</h1>
	<svelte:fragment slot="footer">
		<p>保留所有权利。</p>
		<p>版权所有 (c) 2019 Svelte Industries</p>
	</svelte:fragment>
</Widget>

在 Svelte 5+ 中，这个概念已过时，因为代码片段不会创建包装元素

在 GitHub 编辑此页面

$$slots <svelte:component>