1 - Introdução 2 - Conhecendo o framework Vue.js 3.8.0 3 - Criando projeto Vue.js 4 - Interpolação de texto 5 - Trabalhando com componentes 6 - Diretiva v-if 7 - Diretiva v-else-if e v-else 8 - Diretiva v-for 9 - Diretiva v-html 10 - Diretiva v-model 11 - Interligações de classes 12 - Evento de clique 13 - Eventos de teclado 14 - Evento de submissão 15 - PreventDefault 16 - Lifecycle 17 - Props estáticos 18 - Props dinâmicos 19 - Rotas 20 - Requisições HTTP 21 - Considerações

18 - Props dinâmicos

Olá pessoal, na décima oitava aula do treinamento de Vue.js, iremos trabalhar com props dinâmicos. Agora podemos enviar variáveis e funções de um componente para outro.

Vamos implementar o componente da última aula, abram o arquivo: Exemplo11Props1.vue, em seguida adicionem a seguinte estrutura:

Agora podemos criar nosso segundo componente (Exemplo11Props2.vue), teremos a seguinte estrutura para obter os props e exibir:

O arquivo App.vue, não sofrerá nenhuma alteração, a estrutura continua a mesma da aula anterior:

Abaixo deixo um vídeo mostrando cada etapa desta aula: