Angular2入门系列（三）————组件一、概述组件（component）是Angular应用的基础和核心。它用于封装特定的功能。应用程序的有序运行取决于组件之间的协作。2.模块化介绍在node.js中，一个模块就是一个文件，导入一个文件就是简单的通过require('filePath')导入，其中filePath是文件名或者路径。我们没有在Angular2项目中采用这个规范。我们使用了es6提供的模块导入方式，类似node.js。通过import{someClassName}from'filePath'引入了一个模块。早期的模块化工具，大多只处理javascript文件，比如requireJs，缺乏管理css、html等文件的工具。后来逐渐形成了按模块划分的概念。相比传统的按资源目录划分，逻辑上似乎更合理，模块更独立，更易于维护。按资源划分|————————项目||————————CSS||————————js||————————图片||——————————模板||————————index.html按模块划分|————————项目||————————店铺|||——————————shop.component.js|||————————shop.html|||————————shop.css||————————user.component.js|||————————user.html|||————————user.css||————————index.html通过将.js.css.html文件划分成逻辑模块，使逻辑结构更加清晰，逐渐形成组件的概念。我们可以理解为前端中的组件是一堆代码文件的组合，实现相同的业务逻辑。3.Angular组件要学习Angular组件，首先要知道如何创建它们。创建组件很容易，Angular提供了最方便的方法。创建Angular组件可以通过以下三个步骤完成：1.从@angular/core引入组件装饰器。2.创建一个普通类，并用@Component进行装饰。3.在@Component中，设置selector自定义标签和template模板。import{Component}from'@angular/core';@Component({selector:'contact-item',template:`
张三
13800000000