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

Question

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

该文档不够详细。

有例子吗？

Answer 1

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