Vue.js/Fundamentos do Vue.js
Quer continuar assistindo de graça?

Crie sua conta e tenha acesso imediato aos conteúdos gratuitos da Rocketseat.

Rocketseat

Mais de 35 mil devs já deram o primeiro passo com a Rocketseat

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