Polymer 中的 <content> 和 <shadow> 标签有什么区别？

Question

在阅读纸质标签组件时，我开始知道有一个标签 <shadow></shadow> 我用我的组件之一测试了它。它的工作方式类似于 <content></content> 标签。所以我的问题是它们之间有什么区别？

Answer 1

它们实现了相同的目的，即充当自定义元素外部内容的插入点，并且都旨在用于 Web 组件。

但是当您需要在一个组件中创建多个影子根时，使用 <shadow> 标签。

有关这些标签的更多信息，请访问：
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Shadow
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/content

Answer 2

在polymer中，当你extend another polymer element使用影子标签时，父模板将被插入到影子标签内。而本地 dom 将被插入到内容标签内