在Polymer组件中找不到影子根，但是可以，为什么？

Question

聚合物使用阴影DOM其组件如在发现docs

我正在研究github中Hello-World的一个非常基本的示例： https://github.com/webcomponents/hello-world-polymer

林检查demo和我无法找到任何阴影根即可。

我曾经与Polymer一起工作过，并且以前使用过shadow-root，但是为什么该组件没有shadow-root？因为某些优化？

Answer 1

之所以没有shadow-root，是因为它们使用v0规范的polyfilled Shadow DOM，而不是浏览器（v1）支持的当前规范。

您提供的演示是使用Polymer 1构建的（根据hello-world.html源代码，因为它使用了Polymer()函数和不推荐使用的HTML导入）。 Polymer 1是在Web组件v0规范（自定义元素v0，Shadow DOM v0和HTML导入）的基础上构建的，现在已弃用并由Shadow DOM v1和自定义元素v1代替。