前端组件化Polymer入门教程（1）——初识安装
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
前端组件化Polymer⼊门教程（1）——初识安装
前端组件化Polymer⼊门教程⽬录：
⼀说到组件化，你可能就想到了React，Angular，Vue，等等...但这些毕竟写法都不⼀样，你有没有想过，要是统⼀了多好，如果你有这个想法，那么恭喜，Chrome早在⼏年前就有这个想法，就是指定⼀套规范的web组件化⽅案叫做（Web
Component），⽬前Chreom已经实现了，但其他浏览器⽀持情况不太乐观。
不过有⼀个兼容库，可以解决这个问题，
叫“webcomponents.js”（兼容性其实还是有些问题的，不过作为学习，想那么多⼲啥。
）那么Ploymer.js⼜是⼲什么的，话说实现的这⼀套web组件化⾃⼰⼿动写起来还是有些⿇烦的，于是Chreom就写了⼀个库，叫Polymer.js来简化Web Component的操作，同时它⼜添加了⼀些东西，你可以理解为框架，也就是说Polymer这个框架是基于Web Component来写的。
下载地址：
⽬录：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- 这是⼀个基础版的兼容库 -->
<script src="webcomponents-lite.min.js"></script>
<!-- 将rel修改为import可以引⼊另外⼀个HTML，它将会被执⾏ -->
<link rel="import" href="./template/tab.html">
</head>
<body>
</body>
</html>
导⼊你需要的组件。
<link rel="import" href="./template/tab.html">
tab.html
在组件中是可以不写html中的那⼀⼤堆东西的，在这个组件中我们把Polymer给引⼊了进来，可能你会很奇怪，为什么不是⼀个js⽂件，后⾯会讲到，先这样写，接下来我们就可以使⽤Polymer的功能了。