基本元素結構

我們得到以下非常基本的元素 my-element 儲存為 src/my-element.html

<link rel="import" href="bower_components/polymer/polymer.html">

<dom-module id="my-element">

  <template>
    <style>
      /* local styles go here */
      :host {
        display: block;
      }
    </style>
    <!-- local DOM goes here -->
    <content></content>
  </template>

  <script>
    Polymer({
      /* this is the element's prototype */
      is: 'my-element'
    });
  </script>

</dom-module>

• <link> 包含使用 HTML 匯入的 Polymer 庫。
• <dom-module> 是元素的本地 DOM 包裝器（在本例中為 my-element）。
• <template> 是實際的本地 DOM 定義。
• <template> 中的 <style> 允許你定義作用於此元素及其本地 DOM 的樣式，並且不會影響文件中的任何其他內容。
• <content> 將儲存你元素中的任何內容。
• :host 偽類與自定義元素（my-element）匹配。
• Polymer 呼叫註冊該元素。
• is 屬性是元素的名稱（它必須與 <dom-module> 的 id 相匹配）

你可以使用以下方法在應用中匯入它：

<link rel="import" href="src/my-element.html">

並將其用作標記：

<my-element>Content</my-element>