您可以使用HTML的 <script>
标签来链接 Polymer 库,然后在HTML中使用 Polymer 。
-
下载 Polymer 库,将它们保存到您的计算机。
-
在HTML中链接 Polymer 库文件。例如,将以下代码行添加到您的HTML文件中:
<head>
...
<script src="path/to/webcomponents-bundle.js"></script>
...
</head>
- 现在,您可以在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标记。
- 使用您的 Polymer 元素。例如,要在您的 HTML 文件中使用您创建的 Polymer 元素,请使用以下代码:
<body>
<my-element></my-element>
</body>
这将在浏览器中显示 “Hello World!” 。
这是 Polymer 在 HTML 文件中的基本用法。
扫描二维码关注公众号,回复:
16934637 查看本文章