Svelte遗留 API

$$slots

在符文模式下，我们知道哪些代码片段被提供给组件，因为它们只是普通的 props。

在遗留模式下，要知道是否为给定插槽提供了内容，需要使用 $$slots 对象，其键是父组件传递给组件的插槽名称。

Card

<div>
	<slot name="title" />
	{#if $$slots.description}
		<!-- 这个 <hr> 和插槽只有在提供了 `slot="description"` 时才会渲染。 -->
		<hr />
		<slot name="description" />
	{/if}
</div>

App

<Card>
	<h1 slot="title">博客文章标题</h1>
	<!-- 没有提供名为 "description" 的插槽，所以可选插槽不会被渲染。 -->
</Card>

在 GitHub 编辑此页面