EmberJS - Componenti

I componenti Ember.js utilizzano la specifica del componente Web W3C e forniscono widget UI di incapsulamento reali. Contiene le tre specifiche principali come modelli , DOM ombra e elementi personalizzati . Il componente è dichiarato all'interno del nome-modello-dati che ha un nome di percorso invece di una semplice stringa e ha il prefisso "componenti /".

La tabella seguente elenca gli eventi di azione delle azioni:

S.No. Eventi e descrizione dell'azione
1 Definizione di un componente

Puoi facilmente definire un componente in Ember.js e ogni componente deve avere un trattino nel nome.

2 Ciclo di vita dei componenti

Il ciclo di vita del componente utilizza alcuni dei metodi per eseguire il codice in momenti specifici della vita di un componente.

3 Passaggio di proprietà a un componente

Il componente non accede alla proprietà direttamente nell'ambito del modello. Pertanto, è sufficiente dichiarare la proprietà al momento della decelerazione del componente.

4 Avvolgere il contenuto in un componente

Puoi racchiudere il contenuto in un componente utilizzando i modelli.

5 Personalizzazione dell'elemento di un componente

È possibile personalizzare l'elemento del componente come attributi, nomi di classi utilizzando una sottoclasse di Ember.Component in JavaScript.

6 Utilizzo di Block Params

Le proprietà passate in un componente possono restituire il risultato in un'espressione di blocco.

7 Gestione degli eventi

Gli eventi utente come il doppio clic, il passaggio del mouse, la pressione di un tasto, ecc. Possono essere gestiti dai gestori di eventi. A tale scopo, applicare il nome dell'evento come metodo sul componente.

8 Attivazione di modifiche con azioni

I componenti possono attivare le modifiche e comunicare con gli eventi utilizzando le azioni.