polymer-1.0聚合物-1.0入门

备注

上面的示例显示了使用本地dom的自定义（Polymer）元素的最小结构。
Polymer元素也可以完全使用script标记创建，但这不是本主题的一部分。
尽管style标签不是最小结构的一部分，但它只是为了理解目的而保留在那里。
此外，脚本标记可以以命令式和声明式方式使用，即用户可以拥有一个单独的js文件，其中包含至少上面编写的代码，然后在元素中引用它。
请注意， id的dom-module ，并is财产Polymer constructor应该总是一样的。

版本

版	发布日期
V1.6.0	2016年6月29日
V1.5.0	2016年5月31日
V1.4.0	2016年5月18日
V1.0.0	2015年5月27日

元素结构

定义没有内容的元素。

<dom-module id="empty-element">
  <template>
    <style>
    </style>
  </template>

  <script>
    Polymer({
      is: 'empty-element',
    });
  </script>
</dom-module>

然后您可以在任何其他页面中使用新元素。

<!DOCTYPE html>
<html>
    <head>
        <!-- Using lite version as Polymer does not require Polyfill for Shadow Dom -->
        <script src="path/to/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
        <!-- Importing the element assuming file name is also empty-element.html -->
        <link rel="import" href="empty-element.html">
    </head>

    <body>
        <empty-element></empty-element>
    </body>
</html>

PDF - Download polymer-1.0 for free

Previous Next

Related Tags

This modified text is an extract of the original Stack Overflow Documentation created by following contributors and released under CC BY-SA 3.0

This website is not affiliated with Stack Overflow

Email: tutorialpedia@outlook.com