polymer - lit-element 中的装饰查询是什么？

Question

根据文档，我无法理解它到底做了什么。

这个文档不够详细。

有例子吗？

Answer 1

文档没有那么深，因为它所做的没什么大不了的，这个装饰器所做的只是创建一个“快捷方式”，用于在元素的根上调用 querySelector (如果你使用的是 shadow dom，可以是 this.shadowRoot，如果不是，则可以是 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
}