时间戳

首页 > 解决方案 > lit-element 和 lit-html 有什么区别？

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

问题描述

我一直在学习 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 ？

任何有关指导的帮助都会有很大帮助！

标签： javascriptweb-componentlit-elementlit-htmllit

解决方案

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

  • 现代浏览器默认支持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 模板。

推荐阅读