# Componentes Vue (Vue.js / Nuxt.js)

> Ciclo de vida do componente, props, eventos, slots, estilos scoped, comunicação entre componentes, componentes dinâmicos

- 20 perguntas de entrevista
- Junior
- [Perguntas de entrevista: Vue.js / Nuxt.js](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista.md)

## 1. O que é um componente Vue?

**Resposta**

Um componente Vue é uma instância Vue reutilizável com um nome. Ele encapsula HTML, CSS e JavaScript em uma unidade lógica independente. Os componentes permitem dividir a interface do usuário em partes reutilizáveis e fáceis de manter. Cada componente tem seu próprio template, lógica e estilos, facilitando a organização do código e a reutilização.

## 2. Como declarar props em um componente Vue 3 com script setup?

**Resposta**

No Vue 3 com script setup, defineProps() é uma macro de compilação que permite declarar as props sem um import explícito. Essa macro gera automaticamente o código necessário e expõe as props ao template. Ela oferece suporte à validação de tipos do TypeScript e JavaScript, tornando o código mais conciso e type-safe do que a abordagem da Options API.

## 3. Qual é a função do hook onMounted() no ciclo de vida de um componente?

**Resposta**

O hook onMounted() é executado depois que o componente foi montado no DOM. Esse é o momento ideal para realizar operações que exigem acesso ao DOM, como inicializar bibliotecas de terceiros, buscar dados via API ou manipular diretamente elementos do DOM. Nessa etapa, o template já está renderizado e os refs estão acessíveis.

## Mais 17 perguntas disponiveis

- Como um componente filho emite um evento para o seu componente pai?
- Para que servem os slots em um componente Vue?

Cadastre-se gratis: https://sharpskill.dev/pt/login

## Outros temas de entrevista Vue.js / Nuxt.js

- [Fundamentos de JavaScript](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/javascript-fundamentals.md): 20 perguntas, Junior
- [JavaScript moderno (ES6+)](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/es6-modern-javascript.md): 20 perguntas, Junior
- [Fundamentos do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-basics.md): 22 perguntas, Junior
- [Vue Router](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-router.md): 18 perguntas, Junior
- [Pinia State Management](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/pinia-state-management.md): 20 perguntas, Junior
- [Vuex (Legacy)](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vuex-legacy.md): 15 perguntas, Mid-Level
- [Composition API](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/composition-api.md): 24 perguntas, Mid-Level
- [Reatividade do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-reactivity.md): 20 perguntas, Mid-Level
- [Fundamentos do Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-fundamentals.md): 22 perguntas, Mid-Level
- [Data Fetching no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-data-fetching.md): 20 perguntas, Mid-Level
- [SSR e SSG no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-ssr-ssg.md): 22 perguntas, Mid-Level
- [Rotas de servidor Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-server-routes.md): 20 perguntas, Mid-Level
- [Módulos Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-modules.md): 18 perguntas, Mid-Level
- [Composables do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-composables.md): 20 perguntas, Mid-Level
- [Formulários e validação Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-forms-validation.md): 20 perguntas, Mid-Level
- [Gerenciamento de estado no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-state-management.md): 18 perguntas, Mid-Level
- [Testes no Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-testing.md): 20 perguntas, Mid-Level
- [Deploy do Nuxt e CI/CD](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-deployment-cicd.md): 22 perguntas, Mid-Level
- [Desempenho do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-performance.md): 22 perguntas, Senior
- [Padrões avançados do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-advanced-patterns.md): 24 perguntas, Senior
- [TypeScript com Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/typescript-vue.md): 22 perguntas, Senior
- [Autenticação Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-auth.md): 20 perguntas, Senior
- [SEO com Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-seo.md): 20 perguntas, Senior
- [Internacionalização no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-i18n.md): 18 perguntas, Senior
- [Arquitetura Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-architecture.md): 22 perguntas, Senior
- [Segurança no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-security.md): 20 perguntas, Senior
- [Ecossistema Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-ecosystem.md): 18 perguntas, Senior
- [Migração Vue 2→3 e Nuxt 2→3](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/migration-vue2-vue3-nuxt2-nuxt3.md): 22 perguntas, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-components