LitElement を試す

1. このページの目的

LitElement を試す。

2. デモその１

コード

HTML

<my-element></my-element>

JavaScript

import { LitElement, html } from "https://unpkg.com/lit-element/lit-element.js?module";

class MyElement extends LitElement {
  render(){
    return html`ABCD`
  }
}

customElements.define("my-element", MyElement)

実行結果

3. デモその２

まだ途中

コード

HTML

<my-element></my-element>

JavaScript

実行結果

3. Web Components をそのまま使った場合と比較しての利点

自分で Shadow DOM を触る必要がない。
バインド機能
？

参考