Polymer 在html直接使用方法介绍

您可以使用HTML的 <script> 标签来链接 Polymer 库,然后在HTML中使用 Polymer 。

  1. 下载 Polymer 库,将它们保存到您的计算机。

  2. 在HTML中链接 Polymer 库文件。例如,将以下代码行添加到您的HTML文件中:

<head>
  ...
  <script src="path/to/webcomponents-bundle.js"></script>
  ...
</head>

  1. 现在,您可以在HTML文件中直接使用 Polymer。例如,要创建一个 Polymer 元素,请使用以下代码:
<dom-module id="my-element">
  <template>
    <h1>Hello World!</h1>
  </template>

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

这将创建一个名为 my-element 的 Polymer 元素,其中包含上下文为“Hello World!”的HTML标记。

  1. 使用您的 Polymer 元素。例如,要在您的 HTML 文件中使用您创建的 Polymer 元素,请使用以下代码:
<body>
  <my-element></my-element>
</body>

这将在浏览器中显示 “Hello World!” 。

这是 Polymer 在 HTML 文件中的基本用法。

扫描二维码关注公众号,回复: 16934637 查看本文章

转自:微点阅读   https://www.weidianyuedu.com

猜你喜欢

转载自blog.csdn.net/hdxx2022/article/details/132653241
今日推荐