扫一扫分享
适用于JavaScript的高效,富有表现力,可扩展的html模板库。
lit-html模板是简单的JavaScript,结合了HTML编写的熟悉程度和JavaScript的强大功能。lit-html负责有效地将模板呈现给dom,包括使用新值有效地更新DOM。
import {html, render} from 'lit-html';
// This is a lit-html template function. It returns a lit-html template.
const helloTemplate = (name) => html`<div>Hello ${name}!</div>`;
// This renders <div>Hello Steve!</div> to the document body
render(helloTemplate('Steve'), document.body);
// This updates to <div>Hello Kevin!</div>, but only updates the ${name} part
render(helloTemplate('Kevin'), document.body);
安装
npm install lit-html
手机预览