Skip to main content

<svelte:self>

<svelte:self> 元素允许组件递归地包含自身。

它不能出现在标记的顶层;它必须位于 if 或 each 块内部,或传递到组件的插槽中,以防止无限循环。

<script>
	export let count;
</script>

{#if count > 0}
	<p>倒计时中... {count}</p>
	<svelte:self count={count - 1} />
{:else}
	<p>起飞!</p>
{/if}

这个概念已经过时,因为组件可以直接导入自身:

App
<script>
	import Self from './App.svelte'
	export let count;
</script>

{#if count > 0}
	<p>倒计时中... {count}</p>
	<Self count={count - 1} />
{:else}
	<p>起飞!</p>
{/if}
<script lang="ts">
	import Self from './App.svelte'
	export let count;
</script>

{#if count > 0}
	<p>倒计时中... {count}</p>
	<Self count={count - 1} />
{:else}
	<p>起飞!</p>
{/if}

在 GitHub 编辑此页面