lit-element 和 lit-html 有什么区别？

Question

我一直在学习 Polymer，这就是进来的 - 网络的未来 ( lit-element & lit-html )我知道lit-html是用于 HTML 模板的，它采用了几种有效的技术。同时lit-element是一个轻量级的 Web 组件基类，其中包含lit-html。问题：如果lit-element带有lit-html，我将仅将lit-element用于我的所有目的。lit-html究竟用自己的独立上下文明确地做了什么。在开发独立的 Web 应用程序时应该选择lit-element还是lit-html ？任何有关指导的帮助都会有很大帮助！

Answer 1

首先，让我们澄清以下几点：

• 现代浏览器默认支持Web Components技术。您可以使用浏览器的 API 构建 Web 组件应用程序。

• HTML 模板至少从 2013 年就已经存在。

lit-elementlibrary 是 Web Components 的“轻量级”版本。如果你想在 Web Component 中构建一个应用程序，你会使用它，如果你这样做，你将使用它的内置lit-htmlviahtml来创建HTML 模板

另一方面，正如您所说，lit-html是一个具有创建和更新 HTML 模板的有效机制的库。无论您为网站使用的框架/库（如果有）如何，您都可以在需要 HTML 模板时使用它。

例如，您可以使用jQuery或 vanilla Web Components构建网站并lit-html用于创建 HTML 模板。

Answer 2

lit-html 是一个像其他库一样处理 dom 渲染的库，例如 React 它使用最新的方法来区分 dom 树，并借助本机标记模板。

var h1 = html`<h1>Header 1 <h1>`

像任何其他框架/库（例如 JSX）一样，它还为您提供了在标记模板和指令内的构造以提供帮助。

LitElement 是一个使用 lit-html 作为渲染引擎的轻量级框架。它为您提供观察到的属性、属性和 Web 组件生命周期回调

对于 Web 应用程序，您应该使用 LitElement，如果您不想重新发明数据绑定、缓存、回调等。您肯定需要更多像状态跟踪、路由等，您可以从其他库中使用或开发自己的库。