Emberjs-component

EmberJS-コンポーネント

Ember.jsコンポーネントはW3C Webコンポーネント仕様を使用し、真のカプセル化UIウィジェットを提供します。 templates _、 shadow DOM 、 custom elements_の3つの主要な仕様が含まれています。 コンポーネントは、プレーン文字列ではなくパス名を持ち、「components/」というプレフィックスが付いたdata-template-name内で宣言されます。

次の表は、アクションのアクションイベントを示しています-

S.No.	Action Events & Description
1	Defining a Component Ember.jsでコンポーネントを簡単に定義でき、各コンポーネントの名前にダッシュが必要です。
2	Component Lifecycle コンポーネントのライフサイクルは、コンポーネントのライフの特定の時間にコードを実行するためにいくつかのメソッドを使用します。
3	Passing Properties to a Component コンポーネントは、テンプレートスコープ内のプロパティに直接アクセスしません。 したがって、コンポーネントの減速時にプロパティを宣言するだけです。
4	Wrapping Content in a Component テンプレートを使用して、コンポーネントでコンテンツをラップできます。
5	Customizing a Component’s Element JavaScriptで_Ember.Component_のサブクラスを使用して、属性、クラス名などのコンポーネントの要素をカスタマイズできます。
6	Using Block Params コンポーネントに渡されたプロパティは、ブロック式で結果を返すことができます。
7	Handling Events ダブルクリック、ホバリング、キー押下などのユーザーイベントは、イベントハンドラーで処理できます。 これを行うには、コンポーネントのメソッドとしてイベント名を適用します。
8	Triggering Changes with Actions コンポーネントは、アクションを使用して変更をトリガーし、イベントと通信できます。