WebComponent 和 lit-html 的区别答案

【问题标题】：Difference between WebComponent and lit-htmlWebComponent 和 lit-html 的区别
【发布时间】：2020-08-29 18:26:18
【问题描述】：

您好，我开始研究 Polymer3 并开始了解 lit-html，但我不明白 lit-html 和 Web 组件之间的主要区别是什么？期待 lit-html 的 html 标签。有人可以更详细地解释一下。提前致谢。

【问题讨论】：

【解决方案1】：

这两者并不是真正可比的技术。无论如何，如果您想了解更多关于它们的信息，我建议您查找这些页面。

lit-html 允许您使用带有嵌入 JavaScript 表达式的模板文字在 JavaScript 中编写 HTML 模板。 lit-html 识别模板的静态和动态部分，因此它可以有效地更新仅更改的部分。 Docs

Web Components 是一套不同的技术，可让您创建可重用的自定义元素（将其功能封装在您的其余代码之外）并在您的 Web 应用程序中使用它们。 Docs

【讨论】：

我有点不同意。它们是完全可比的技术。 Lit-Element 是围绕原生 W3C 标准自定义元素（又名 Web 组件）的包装器 Lit 是番茄汤罐头，自定义元素是西红柿。选择你想成为什么样的厨师。
问题不是比较 lit-element 和 web-component，他们是在问 lit-html 与 web 组件的比较？
是的，Lit-HTML 是罐头，Lit-Element 是西红柿丁。如果我是对的（但我不能这样做）Lit-HTML 可以在没有 Lit-Element 的情况下使用，但 Lit-Element 使用 Lit-HTML，尽管我只在野外看到过这种组合。本质是自定义元素/Web 组件是 W3C 标准/基础，在所有现代浏览器中都可用。 LIT 是建立在标准之上的工具（模板文字上的 Lit-HTML，自定义元素上的 Lit-Element），LIT 有很多竞争对手：Hybrids、StencilJS、hyperHTML 等。就像 jQuery 10 年前有 20 个竞争对手一样。跨度>