angualr构建组件所使用的的标签的作用

angular  vue react 等等的前端框架都是有组件的这概念的， 而且也都是核心。那么如何构建组件 并使用。

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
}

以上代码构建了一个名为app-root的组件。

@Component 是一个装饰器， 

selector：是组件的标签名， 你可以通过app-root 组件的标签名在外部使用这个组件

templateUrl：引入外部html模版 ， 如果你想使用内连的模版可以使用template 

styleUrls:引入外部的css文件， 这是一个数组， 就意味着可以引入多个cssexport class AppComponent：这是 ES6 里面引入的模块和 class 定义方式。