目录

EmberJS - 组件( Components)

Ember.js组件使用W3C Web组件规范并提供真正的封装UI小部件。 它包含三个主要规范作为templatesshadow DOMcustom elements 。 该组件在data-template-name中声明,该名称具有路径名而不是普通字符串,并以“components /”为前缀。

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

S.No. 动作事件和描述
1 Defining a Component

您可以在Ember.js中轻松定义组件,并且每个组件的名称中都必须包含短划线。

2 Component Lifecycle

组件生命周期使用某些方法,以便在组件生命周期的特定时间执行代码。

3 将属性传递给组件

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

4 包装组件中的内容

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

5 自定义组件的元素

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

6 使用Block Params

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

7 处理事件

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

8 使用操作触发更改

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

↑回到顶部↑
WIKI教程 @2018