- EmberJS 教程
- EmberJS——主頁
- EmberJS——概覽
- EmberJS——安裝
- EmberJS——核心概念
- 建立和執行應用程式
- EmberJS——物件模型
- EmberJS——路由器
- EmberJS——模板
- EmberJS——元件
- EmberJS——模型
- EmberJS——管理依賴項
- EmberJS——應用程式關注點
- EmberJS——配置 Ember.js
- EmberJS——Ember Inspector
- EmberJS 實用資源
- EmberJS——快速指南
- EmberJS——實用資源
- EmberJS——討論
EmberJS——元件
Ember.js 元件使用 W3C 網頁元件規範，提供真正的封裝 UI 小部件。它包含三個主要規範，即模板、陰影 DOM和自定義元素。元件在 data-template-name 中宣告，data-template-name 有一個路徑名稱，而不是一個普通字串，字首為“components/”。
下表列出了操作事件的操作專案 -
| 序號 | 操作事件和說明 |
|---|---|
| 1 | 定義元件
你可以在 Ember.js 中輕鬆地定義一個元件，每個元件名稱中必須帶有連字元。 |
| 2 | 元件生命週期
元件生命週期使用一些方法，以便在元件生命週期的特定時間執行程式碼。 |
| 3 | 將屬性傳遞給元件
元件不會直接在模板作用域中訪問屬性。因此，只需在元件宣告期間宣告該屬性。 |
| 4 | 用元件包裝內容
你可以使用模板將內容包裝到元件中。 |
| 5 | 自定義元件的元素
你可以透過在 JavaScript 中使用Ember.Component的子類來自定義元件的元素，例如屬性、類名稱。 |
| 6 | 使用塊引數
元件中傳遞的屬性可以在塊表示式中提供結果。 |
| 7 | 處理事件
使用者事件，例如雙擊、懸停、按鍵等，可以透過事件處理程式來處理。為此，將事件名稱作為元件上的方法應用。 |
| 8 | 使用操作觸發更改
元件可以使用操作觸發更改並與事件進行通訊。 |
廣告