装饰元素中的装饰查询是什么？

Question

根据文档，我无法理解它的确切作用。

此文档不够详细。

有例子吗？

Answer 1

文档不是很深入，因为这样做没什么大不了的，该修饰器所做的只是创建一个“快捷方式”，以在元素的根上调用querySelector（因为它this.shadowRoot（如果您使用的是影子dom，或者this，如果您不使用）[p]

所以基本上是这样的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
}