你已经构建了一个"原生" Web Component，并将其转换为了基于 Lit 的 Web Component！
你还把一个难以阅读的101 99行原生 Web Component（包含一个 27 行的 HTML 模板）转换为了一个75 68行基于 Lit 的 Web Component——模板和全部内容！
Lit 的渲染系统具有以下功能：
- 高效地渲染和更新 DOM。
- 让你轻松地将模板与组件打包在一起。
- 允许你在不需要编译器的情况下编写模板。
- 让你使用特殊的绑定语法编写可读的、声明式的模板和代码。
- 以及更多！
LitElement，Lit 的 Web Component 基类，具有以下功能：
- 处理 attribute 到属性的转换。
- 处理将属性反射回 attribute。
- 提供渲染和重新渲染的响应式生命周期。
- 高效且异步地处理你的重新渲染。
- 并且所有这些都不需要构建工具，仅约 5kb 的代码量！
LitElement 还支持更多高级功能，因为 Lit 团队和社区已经围绕它构建了一个工具生态系统。通过阅读 Lit 文档了解更多！
你可能会喜欢我们的 面向 React 开发者的 Lit 实战教程。