创建一个像svelte：head一样工作的全局svelte组件

Question

在我当前的项目中，我正在使用一个自行开发的模块系统，在该系统中，各个模块还可以通过在Transform _object标签内编写一些HTML来扩展例如导航栏。

如果有一种方法可以像完成HideAllBoosters标签一样少的编写工作，那就太好了。

Answer 1

如何创建一个商店，您将在其组件中编写HTML扩展名（并对其进行更新），同时在NavComponent中订阅该商店，然后在NavComponets中使用{@html variable}追加新的HTML >

就像您可以将来自不同组件的HTML附加到导航栏一样，这应该可以实现所需的功能。

here is a quick example of the implementation

Child1.svelte和Child2.svelte是两个随机组件，它们将更新您的导航栏。

Store.svelte是用于创建共享HTML的全局存储的文件。

Nav.svelte是您要使用来自其他组件的HTML填充的导航栏

尝试在Child1和Child2输入字段中编写一些HTML，然后提交，它将在NavComponent中呈现