svelte - 6. 特殊标签

标签

标签	作用	示例
svelte:self	在组件中调用自己（当前组件），有点递归的意思	<svelte:self {…file}/>
svelte:component	动态调用不同的组件，而非很多if-else块去切换组件	<svelte:component this={selected.component}/>
svelte:window	事件监听	<svelte:window on:keydown={handleKeydown}/>
svelte:body	添加事件监听document.body	<svelte:body on:mouseenter={handleMouseenter} />
svelte:head	在页面的 标签内插入内容	见下方示例5
svelte:options	指定编译器选项	见下方示例6

1、svelte:self

调当前组件
完整示例：文件夹及文件组件使用

{
   #if file.type === 'folder'}
	<svelte:self {
   ...file}