lit-html を試す

1. このページの目的

lit-html を使ってみる。

2. デモ

実行結果

コード

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

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

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