EmberJS - Componentes

Os componentes Ember.js usam a especificação de componente da web W3C e fornecem widgets de UI de encapsulamento verdadeiros. Ele contém as três especificações principais como modelos , DOM sombra e elementos personalizados . O componente é declarado dentro do data-template-name que tem um nome de caminho em vez de uma string simples e é prefixado com "components /".

A tabela a seguir lista os eventos de ação das ações -

S.No. Eventos de ação e descrição
1 Definindo um Componente

Você pode definir facilmente um componente em Ember.js e cada componente deve ter um traço em seu nome.

2 Ciclo de Vida do Componente

O ciclo de vida do componente usa alguns dos métodos para executar o código em momentos específicos da vida de um componente.

3 Passando propriedades para um componente

O componente não acessa a propriedade diretamente no escopo do modelo. Portanto, basta declarar a propriedade no momento da desaceleração do componente.

4 Envolvendo o conteúdo em um componente

Você pode envolver o conteúdo em um componente usando os modelos.

5 Personalizando um Elemento de Componente

Você pode personalizar o elemento do componente, como atributos e nomes de classe, usando uma subclasse de Ember.Component no JavaScript.

6 Usando parâmetros de bloco

As propriedades passadas em um componente podem retornar o resultado em uma expressão de bloco.

7 Tratamento de eventos

Os eventos do usuário, como clique duplo, pairar, pressionamento de tecla, etc, podem ser tratados por manipuladores de eventos. Para fazer isso, aplique o nome do evento como um método no componente.

8 Desencadeando Mudanças com Ações

Os componentes podem acionar as mudanças e se comunicar com os eventos usando as ações.