4、核心特性-组件

打开app中的app.component.ts

1、app.component.ts参数介绍：

//在Angular中，组件是一个类（class类似于构造函数的另一个写法，暂且这样理解吧）

//@Component :组件的装饰器，用来修饰组件的一些特性，@Component也称为元数据，描述组件的一些信息

// selector：用来定义组件渲染的标签名称，一定要和index.html中的标签一致，就是组件的名字

// templateUrl:用来指定组件的模板文件

// styleUrls：他是一个数据，用来存放组件相关的样式文件

 

//export class AppComponent去存储数据和方法，相当于vue中的data和methods

 

 2、如何创建一个组件？？？

1、打开命令行，找到项目根目录

2、ng generate component 组件名  自动生成组件

3、打开app文件夹检查

 

3、如何引用组件显示在页面中？？？

1、将新生成组件中的selector名称写在app.component.html中，以标签形式呈现