В компоненте Polymer не найден теневой корень, но он работает, почему?

Question

Polymer использует Shadow DOM для своих компонентов, как указано в docs .

Я исследую очень простой пример Hello-World в github: https://github.com/webcomponents/hello-world-polymer

Я проверяю демо и Я не могу найти корень тени .

Я работал с Polymer и раньше использовал shadow-root, но почему для этого компонента нет shadow-root?Из-за некоторых оптимизаций?

Answer 1

Нет shadow-root, потому что они используют заполненный Shadow DOM для спецификации v0, а не текущий, поддерживаемый браузерами (v1).

Предоставленная вами демонстрация была построена с использованием Polymer 1 (согласноhello-world.html исходный код, поскольку он использует функцию Polymer() и устаревший HTML-импорт).Polymer 1 был построен на основе спецификаций веб-компонентов v0 (пользовательских элементов v0, Shadow DOM v0 и HTML Imports), которые теперь устарели и заменены на Shadow DOM v1 и пользовательские элементы v1.