EmberJS - 组件


Ember.js 组件使用 W3C Web 组件规范并提供真正的封装 UI 小部件。它包含三个主要规范:模板影子 DOM自定义元素。该组件在 data-template-name 中声明,该数据模板名称具有路径名而不是普通字符串,并以“components/”为前缀。

下表列出了动作的动作事件 -

编号 动作事件和描述
1 定义组件

您可以轻松地在 Ember.js 中定义组件,并且每个组件的名称中必须包含破折号。

2 组件生命周期

组件生命周期使用一些方法来在组件生命周期的特定时间执行代码。

3 将属性传递给组件

该组件不会直接访问模板范围中的属性。因此,只需在组件减速时声明该属性即可。

4 将内容包装在组件中

您可以使用模板将内容包装在组件中。

5 自定义组件的元素

您可以通过在 JavaScript 中使用Ember.Component的子类来自定义组件的元素,例如属性、类名。

6 使用块参数

组件中传递的属性可以在块表达式中返回结果。

7 处理事件

双击、悬停、按键等用户事件可以由事件处理程序处理。为此,请将事件名称作为方法应用于组件。

8 用行动触发变化

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