1 功能概述

Polymer库提供了一套功能来创建自定义标签。这些功能设计能够简单、迅速地让自定义标签象标准DOM标签一样使用。类似标准DOM标签，Polymer标签能够：

• 使用构造函数或者document.createElement实例化；
• 配置使用特性或属性；
• 在每个实例中填充内部DOM;
• 响应属性和特性的变化（例如，填充数据到DOM，或者触发事件）；
• 内部默认样式或外部样式；
• 响应方法操作内部状态；

基本Polymer标签定义看上去像这样：

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

  <template>
    <style>
      /* 你标签的CSS规则 */
    </style>
  
    <!-- 你标签的局部DOM-->

    <div>{{greeting}}</div> <!-- 在局部DOM内的数据绑定-->
  </template>

  <script>
    // 注册标签
    Polymer({
      is: "element-name",

      // 在标签原型上添加属性和方法

      properties: {
        // 为标签的公共API声明属性
        greeting: {
          type: String,
          value: "Hello!"
        }
      }
    });
  </script>

</dom-module>

这个指南将划分为以下几组功能：

• 注册和生命周期。通过一个自定义标签名注册一个标签并关联一个Class(原型)。标签提供回调函数管理它的生命周期。通过行为共享代码。
• 声明属性。属性声明可以从标记上使用特性来配置。属性声明支持随意改变观测者，双向数据绑定，和反射到特性。你还可以声明计算属性和只读属性。
• 局部DOM。局部DOM是通过标签创建和管理的DOM。
• 事件。附加事件监听器到主机对象和局部DOM。事件重定向。
• 事件绑定。属性绑定。绑定到特性。
• 行为。行为是能够混合到Polymer标签里的可重用的代码模块。
• 公用函数。为共同任务的帮助方法。
• 实验功能和标签。实验模板和样式功能。功能层。