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

5 - Trabalhando com componentes

Olá pessoal, na quinta aula do treinamento de Vue.js, iremos trabalhar com o conceito de componentização.

Quando falamos de componentes, estamos fazendo referência a uma página ou uma parte do sistema, como: tabelas, formulários, cabeçalhos, rodapés, entre outras estruturas.

Componentes facilitam a deixar o projeto mais enxuto, além de propor uma estrutura organizacional muito interessante.

Crie uma pasta chamada: componentes e crie um arquivo chamado: Exemplo01Interpolacao.vue, copie a estrutura do arquivo App.vue e cole no arquivo que acabamos de criar.

Agora iremos chamar nosso componente no arquivo App.vue, a estrutura ficará assim:

Agora nosso projeto de interpolação está em um componente exclusivo, abaixo deixo um vídeo mostrando cada etapa desta aula: