EmberJS - 组件
Ember.js 组件使用 W3C Web 组件规范并提供真正的封装 UI 小部件。它包含三个主要规范:模板、影子 DOM 和 自定义元素。组件在 data-template-name 中声明,该名称具有路径名而不是纯字符串,并以"components/"为前缀。
下表列出了操作的操作事件 −
S.No. | 操作事件 &描述 |
---|---|
1 | 定义组件
您可以在 Ember.js 中轻松定义组件,并且每个组件的名称中都必须有一个破折号。 |
2 | 组件生命周期
组件生命周期使用某些方法在组件生命周期中的特定时间执行代码。 |
3 | 将属性传递给组件
组件不会在模板范围内直接访问属性。因此,只需在组件减速时声明该属性即可。 |
4 | 将内容包装在组件中
您可以使用模板将内容包装在组件中。 |
5 | 自定义组件元素
您可以在组件中使用 Ember.Component 的子类来自定义组件元素,例如属性、类名JavaScript。 |
6 | 使用块参数
组件中传递的属性可以在块表达式中返回结果。 |
7 | 处理事件
双击、悬停、按键等用户事件可以由事件处理程序处理。为此,请将事件名称作为方法应用于组件。 |
8 | 使用操作触发更改
组件可以使用操作触发更改并与事件进行通信。 |