为什么需要克隆web组件中的模板内容

Question

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

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

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

Answer 1

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