Introdução
Objetivo: Ter uma visão geral do funcionamento dos componentes em VueJS.
Conceito de componentes
Componentes são instâncias reutilizáveis de VueJS que podem ser criadas e utilizadas em qualquer parte da aplicação. Eles são compostos por um template, que define a estrutura do componente, e por uma instância Vue, que define o comportamento do componente.
Os componentes são uma das principais características do VueJS e são muito úteis para organizar e reutilizar o código de uma aplicação. Eles permitem dividir a interface de usuário em partes menores e independentes, o que facilita a manutenção e a evolução da aplicação.
No VueJS, em geral, usamos o conceito de SFC (Single File Component) para criar componentes. Um SFC é um arquivo que contém o template, a lógica e o estilo de um componente em um único lugar, como já temos visto em aulas anteriores.
Durante esta aula, vamos aprender a criar e registrar componentes em VueJS, a passar propriedades para os componentes, a emitir eventos a partir dos componentes e a usar slots para passar conteúdo para os componentes.
Alguns conceitos de reutilização de componentes farão mais sentido quando estudarmos o conceitos de rotas, com o Vue Router. Isso porque a reutilização de componentes é muito útil quando se trabalha com rotas dinâmicas e a criação de páginas com elementos comuns.