在组件内部包含 HTML - svelte

Question

我一直好奇如何在 Svelte 中做的一件事是使用 svelte 将组件的 HTML 子元素包含在某个位置，如下所示：

<Popup>
  <h1>Hello World</h1>
</Popup>

我做了一些研究，我看到 Rich harris 正在用他的细长立方体框架来做这个。

Answer 1

您可能想了解有关老虎机的更多信息。

App.svelte

<script>
  import Popup from './lib/Popup.svelte';
</script>

<Popup>
  <h1>Hello World</h1>
</Popup>

Popup.svelte

<div>
  <slot>
    This is fallback content when no content is provided
  </slot>
</div>