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. |