在 Angular 2 中，组件（Component）是创建页面元素与实现业务逻辑的主要方式，与之相对应的，在 Angular 1 中，我们通过 directive、controllers 与 scope 等技术去实现，但是在 Angular 2 中，所有前面的这些实现都被 组件 取代。

一个最简单的 Angular 2 组件示例

下面的这个组件将展示出我的姓名，然后带有一个按钮，当按钮被点击时，将在浏览器的 console 中打印出我的名字。

import {Component} from 'angular2/angular2'

@Component({
  selector: 'my-component',
  template: '<div>大家好，我的名字叫 {{ name }}，<button (click)="sayMyName()">叫一声我的名字</button>'
})
export class MyComponent({
  constructor() {
    this.name = '潘韬'
  }

  sayMyName() {
    console.log('我的名字叫', this.name)
  }
})

当我们在 HTML 模板中使用 `' 标签时，该组件将被创建。