EmberJS - 组件（ Components）

优质

小牛编辑

130浏览

2023-12-01

Ember.js组件使用W3C Web组件规范并提供真正的封装UI小部件。它包含三个主要规范作为templates ， shadow DOM和custom 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	使用操作触发更改组件可以使用操作触发更改并与事件通信。