カスタム要素の使用 - Web API | MDN

クラスのコンストラクターでは、初期状態や既定値の設定、イベントリスナーの登録、シャドウルートを作成することなどが可能です。この時点では、要素の属性や子要素を検査したり、新しい属性や子要素を追加したりしないでください。要件のすべてについては、Requirements for custom element constructors and reactions を参照してください。 カスタム要素のライフサイクルコールバック カスタム要素が登録されると、ページのコードがカスタム要素と特定の方法でやり取りを行う際に、ブラウザーがそのクラスの特定のメソッドを呼び出します。 仕様書ではこれらのメソッドの実装を「ライフサイクルコールバック」と呼んでいますが、これらのメソッドを提供することで、これらのイベントに応答してコードを実行することができます。 カスタム要素のライフサイクルコールバックには、以下のもの

[kazuhi_ra]

Web Componentsのライフサイクル

[ikesyo]

connectedCallback/disconnectedCallback/attributeChangedCallback といったライフサイクル