Angular2 @Component

@Component是一种特殊的Directive .相当于Angular1 中 Directive 和 Controller 的合体

它的配置更简单一些，非常适合组件化的app架构。使用web组件和使用Angular风格的app架构使得编写app更为简便。

Component的优点：

比普通directive要简单很多
更加严谨，更加规范化
更加适合组件化架构
component更容易升级到angular2

---

Component只能控制它自己的视图和数据 ：Component不会修改它自身scope之外的任何数据或DOM。

Component有明确定义的公共api－输入输出：隔离范围并不是全部，因为AngularJS是双向绑定的。如果你传一个对象到组件中，类似 bindings: {item: '='} ，然后修改对象的属性，修改会反映到它的父组件中。但是对于component来说，component确实只是修改了它自己的scope内的数据。这样就很清晰的得知什么数据什么时候被修改。就此，component遵循一些简单的约定

---

sivona