Reprodução automática
Informação
Criando componentes reutilizáveis
Agora que já entendemos como o projeto funciona, vamos partir para a criação dos nossos primeiros componentes. Iniciaremos com a estrutura do Vue, que começa com a tag <template>, onde colocamos o HTML. Depois, temos o <script> para importar e registrar componentes, e o <style> para o CSS. Aprendemos a importância de criar componentes reutilizáveis, evitando repetição de código. Na próxima aula, vamos explorar como passar propriedades para esses componentes, permitindo personalizações.
Todos os direitos reservados
Rocketseat 2026