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

Question

调用 new Component({ target }) 将组件附加到目标，我想用新组件替换目标的所有旧内容。我怎样才能做到这一点？

Answer 1

如果您要补充服务器渲染的标记，最好使用该hydrate: true选项（此处的文档）。

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

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

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