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