polymer - lit-element の装飾クエリは何ですか?

Question

ドキュメントによると、それが正確に何をするのか理解できません。

このドキュメントは十分に詳細ではありません。

例はありますか？

Answer 1

これが行うことはそれほど大したことではないため、ドキュメントはそれほど深くはありません。このデコレーターが行うことはquerySelector、要素のルートを呼び出すための一種の「ショートカット」を作成することだけです (this.shadowRootシャドウ DOM を使用している場合やthisそうでない場合）

したがって、基本的にこの TS コード:

@query('.someClass')
private _someClassElement: Element

JSでこれを行うのと同じです

get _someClassElement() {
  return this.shadowRoot.querySelector('.someClass');
  // or this.querySelector('.someClass') if you're not using shadow dom
}