Web Components と Vue.js
Web Compnentsとは
Webコンポーネント(Web Components) は、カプセル化されたコンポーネントを定義し、これを再利用するための技術の総称です。コンポーネントは、HTML、CSS、JavaScript などから構成されるコンテンツ部品です。
カスタム要素(Custom Elements) とは
要は、HTMLElementを継承したHelloElementを作ることができ
class HelloElement extends HTMLElement ...
// 上記で定義したクラスを用いて、カスタム要素 <hello-element> を定義する
customElements.define("hello-element", HelloElement);
それはHTML上で使うことができる
// カスタム要素を使用する <hello-element name="Tanaka"></hello-element>