Capítulo 4. Interações entre componentes
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
No Capítulo 3, mergulhamos fundo na composição de um componente com ganchos de ciclo de vida, propriedades computadas, watchers, métodos e outros recursos. Também aprendemos sobre o poder dos slots e como receber dados externos de outros componentes usando props.
Com base nessa fundação, este capítulo orienta-te sobre como construir as interações entre componentes utilizando eventos personalizados e padrões provide/inject. Também introduz a API Teleport, que te permite mover elementos pela árvore DOM enquanto mantém a sua ordem de aparição dentro de um componente Vue.
Componentes aninhados e fluxo de dados em Vue
Os componentes Vue podem aninhar outros componentes Vue dentro deles. Esta funcionalidade é útil para permitir que os utilizadores organizem o seu código em partes mais pequenas, geríveis e reutilizáveis num projeto de IU complexo. Chamamos os elementos aninhados de componentes filhos e o componente que os contém de componente pai .
O fluxo de dados em uma aplicação Vue é unidirecional por padrão, o que significa que o componente pai pode passar dados para seu componente filho, mas não o contrário. O componente pai pode passar dados para o componente filho usando props (discutido brevemente em "Explorando a API de opções"), e o componente filho pode emitir eventos de volta para o componente pai usando eventos ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access