Trabalhando com Componentes no Vue

Se olharmos para qualquer site, podemos identificar alguns blocos nele: cabeçalho, conteúdo, barra lateral, rodapé.

Ao criar um site com Vue, também podemos usar esses blocos independentes. Eles nos permitirão organizar melhor nosso código e facilitarão sua manutenção futura.

No Vue, esses blocos são chamados de componentes. Em aplicações grandes, a divisão em componentes torna-se uma condição obrigatória para manter a gerenciabilidade do processo de desenvolvimento.

Recomenda-se colocar os componentes na pasta components. Cada componente em um arquivo separado na forma de um módulo ES6.