如何在Svelte中替换目标的内容，而不是附加到子项上？

Question

调用new Component（{target}）将组件追加到目标，我想用新组件替换目标的所有旧内容。我该怎么办？

Answer 1

如果您要混合服务器渲染的标记，最好使用hydrate: true选项（docs here）。

如果target以前被Svelte组件占用，则最好调用该组件的$destroy()方法。

否则，最简单的方法就是清空target元素：

target.innerHTML = '';
new Component({ target });