lit-html を試す

1. このページの目的

lit-html を使ってみる。

2. デモ

実行結果

コード

// lit-htmlをインポート
import {html, render} from 'https://unpkg.com/lit-html?module';

// テンプレートを定義
const myTemplate = (name) => html`<p>Hello ${name}</p>`;

// テンプレートをページに描画
render(myTemplate('World'), document.querySelector('#demo1'));