Polymer-有人能解释一下Polymer中使用的this.$.foo.bar JavaScript语法吗？

我是一个相对较新的程序员，对聚合物非常陌生。我浏览了文档，但似乎无法理解此语法的含义。Polymer是我第一次看到$selector这样使用。它似乎选择了ID，但我不完全确定这里发生了什么

范例

<polymer-element name="my-component">
  <template>
    <app-globals id="globals"></app-globals>
    <div id="firstname">{{$.globals.firstName}}</div>
    <div id="lastname">{{$.globals.lastName}}</div>
  </template>
  <script>
    Polymer({
      ready: function() {
        console.log('Last name: ' + this.$.globals.lastName);
      }
    });
  </script>
</polymer-element>

{{$.globals.firstName}
{{$.globals.lastName}
聚合物({
就绪：函数（）{
log（'Last name:'+this.$.globals.lastName）；
}
});

$

只是一个字段，它引用了一个映射，该映射包含元素的阴影DOM中具有id属性的所有元素，并允许简明代码访问这些元素，其中

foo

是该元素的id，

bar

是该元素的属性/字段

---

一个常见的陷阱是，

或

中的元素不包括在内，因为当聚合物元素初始化时，地图会初始化，以后不会更新，但这些标签中的元素会在稍后的某个时间动态创建/删除。

感谢您的解释！仍在尝试将我的had包装在阴影DOM中。在文档中找到了它…大约是API开发人员指南的3/4。在这之前，他们参考了好几次，但在文档末尾稍微解释一下。