Web Component
在介绍Angular Component之前，我们先简单了解下W3C Web Components
定义
W3C为统一组件化标准方式，提出Web Component的标准。
每个组件包含自己的html、css、js代码。 Web Component标准包括以下四个重要的概念： 1.Custom Elements（自定义标签）：可以创建自定义 HTML 标记和元素； 2.HTML Templates（HTML模版）：使用 标签去预定义一些内容，但并不加载至页面，而是使用 JS 代码去初始化它； 3.Shadow DOM（虚拟DOM）：可以创建完全独立与其他元素的DOM子树； 4.HTML Imports（HTML导入）：一种在 HTML 文档中引入其他 HTML 文档的方法，。
概括来说就是，可以创建自定义标签来引入组件是前端组件化的基础，在页面引用 HTML 文件和 HTML 模板是用于支撑编写组件视图和组件资源管理，而 Shadow DOM 则是隔离组件间代码的冲突和影响。
示例
定义hello-component
rush:js;">
h1 {
color: red;
}
Hello Web Component!
使用hello-component