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 使用操作触发更改

组件可以使用操作触发更改并与事件进行通信。