光照元素也可以在没有 Shadow dom 的情况下使用 - 有任何风险吗？

Question

我们需要 Web 组件并在 Web 应用程序中使用 lit 元素。然而，dom 阴影不仅在 css 区域引起问题（无法访问，没有全局 css 表）。

如果我们简单地不使用 Shadow dom，最大的风险是什么？

createRenderRoot() { return this; }

是如此简单的方法 - 我没有看到什么危险/不良影响？

谢谢，祝本周休息愉快

Answer 1

我不相信 Lit Element、React 或 Vue 目前能够在创建自定义 HTML 元素时禁用影子 DOM。

但是，还有其他选择。 Stencil.js、Svelte 和 Angular 都可以用于创建自定义元素，而无需实现 Shadow DOM。

我建议您注意的唯一“风险”是您的全局 CSS 样式可能并且将会渗透到您的组件中。