为什么需要在 web components 中克隆模板的内容

Question

几乎在所有使用模板作为 web 组件内部的例子中，他们在将模板附加到 shadowDOM 之前克隆模板的内容。像这样

this.attachShadow({mode: 'open'});
this.shadowRoot.appendChild(tmp.content.cloneNode(true));

我的问题是你为什么需要这样做？如果我不克隆地追加这些内容，可能会遇到什么问题？

Answer 1

如果您不克隆内容，您就是将内容从模板中移出，并且您不能再使用该模板，因为它现在是空的。如果您首先克隆它，您将移动克隆并且模板保持不变。