2 回答

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊
首先,讓我們澄清以下幾點(diǎn):
現(xiàn)代瀏覽器默認(rèn)支持Web Components技術(shù)。您可以使用瀏覽器的 API 構(gòu)建 Web 組件應(yīng)用程序。
HTML 模板至少從 2013 年就已經(jīng)存在。
lit-element
library 是 Web Components 的“輕量級”版本。如果你想在 Web Component 中構(gòu)建一個(gè)應(yīng)用程序,你會使用它,如果你這樣做,你將使用它的內(nèi)置lit-html
viahtml
來創(chuàng)建HTML 模板
另一方面,正如您所說,lit-html
是一個(gè)具有創(chuàng)建和更新 HTML 模板的有效機(jī)制的庫。無論您為網(wǎng)站使用的框架/庫(如果有)如何,您都可以在需要 HTML 模板時(shí)使用它。
例如,您可以使用jQuery
或 vanilla Web Components構(gòu)建網(wǎng)站并lit-html
用于創(chuàng)建 HTML 模板。

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊
lit-html 是一個(gè)像其他庫一樣處理 dom 渲染的庫,例如 React 它使用最新的方法來區(qū)分 dom 樹,并借助本機(jī)標(biāo)記模板。
var h1 = html`<h1>Header 1 <h1>`
像任何其他框架/庫(例如 JSX)一樣,它還為您提供了在標(biāo)記模板和指令內(nèi)的構(gòu)造以提供幫助。
LitElement 是一個(gè)使用 lit-html 作為渲染引擎的輕量級框架。它為您提供觀察到的屬性、屬性和 Web 組件生命周期回調(diào)
對于 Web 應(yīng)用程序,您應(yīng)該使用 LitElement,如果您不想重新發(fā)明數(shù)據(jù)綁定、緩存、回調(diào)等。您肯定需要更多像狀態(tài)跟蹤、路由等,您可以從其他庫中使用或開發(fā)自己的庫。
添加回答
舉報(bào)