component的参数传递

参数传递和绑定方式：
bindings声明，如：

bindings: {
data: '<',
rangeType: '@?',
customClass: '@',
}

参数调用方式：
在js的controller里通过this.data可以调用到，在模板里可以通过$ctrl.data调用到，'$ctrl'是模板里conroller默认的名称，如果在定义component的时候定义了'controllerAs'声明，则需要按自定义的名称来调用，比如vm.data。

变量绑定和变化监听
模板里有需要显示异步变量内容相关的dom，在获取到值之后都会正常展现出来。
controller的函数体里面主要是定义函数，这里不能立刻获取到绑定的延时变量的最终值，组件真正的行为应该定义在这里以函数形式定义，不建议直接将动作逻辑写在定义函数里让其在构建的过程中执行，建议用component的life circle相关的函数来定义，如：
1、$.onInit()，自定义绑定事件
2、$.onChanges()，异步变量的值取到的时候，触发的动作逻辑在这里被调用执行
3、$.onDestroy()，解绑自定义事件，对应$onInit()
4、=和<适合绑定对象形式的复杂参数，比如数组，字典
5、@适用于绑定字符串变量或常量
6、=和direc一致，在当前作用域和父作用域里修改变量，都会反馈在当前作用域和父作用域的视图里面
7、<，在父作用域里修改变量的值，会同时反映在父作用域和当前作用域的视图里，但是在子作用域里修改变量的值，只会反映在子作用域的视图上，不反应在父作用域的视图。

采用$onChanges()函数，这个监听函数，默认也是监听的对象的引用的值的变化，对象内容的变化不会触发onChanges函数。