Migração Vue 2→3 e Nuxt 2→3
De Options API para Composition API, de Vuex para Pinia, de asyncData/fetch para useFetch, breaking changes, estratégias de migração, depreciação de nuxtServerInit
1Qual é a principal diferença arquitetural entre a Options API do Vue 2 e a Composition API do Vue 3?
Qual é a principal diferença arquitetural entre a Options API do Vue 2 e a Composition API do Vue 3?
Resposta
A Composition API organiza o código por preocupação lógica em vez de por tipo de opção, permitindo agrupar o código relacionado. Essa abordagem melhora a legibilidade e a manutenção de componentes complexos, diferentemente da Options API, que separa data, methods e computed properties. A Composition API também facilita a reutilização de lógica por meio de composables, substituindo de forma eficaz os mixins, que podiam criar conflitos de nomes.
2Qual mudança importante o Nuxt 3 introduziu em relação aos auto-imports comparado ao Nuxt 2?
Qual mudança importante o Nuxt 3 introduziu em relação aos auto-imports comparado ao Nuxt 2?
Resposta
O Nuxt 3 ativa os auto-imports por padrão para composables, componentes e utilitários do framework, eliminando a necessidade de imports manuais. Esse recurso melhora a experiência do desenvolvedor e reduz o código boilerplate. O Nuxt 2 exigia imports explícitos para a maioria das funcionalidades. Esse recurso pode ser desativado na configuração, se necessário, por motivos de controle explícito.
3No Vue 3, qual método substitui os filters do Vue 2 que foram removidos?
No Vue 3, qual método substitui os filters do Vue 2 que foram removidos?
Resposta
Os filters foram removidos no Vue 3 porque criavam uma sintaxe personalizada difícil de entender para novos desenvolvedores e afetavam o desempenho. A recomendação oficial é usar computed properties ou métodos para as transformações de dados. As computed properties oferecem a vantagem do caching automático para cálculos custosos, enquanto os métodos são adequados para transformações simples com parâmetros.
Qual é o build tool padrão no Nuxt 3, substituindo o Webpack do Nuxt 2?
Como a sintaxe do v-model mudou entre o Vue 2 e o Vue 3 para componentes personalizados?
+19 perguntas de entrevista
Outros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos do Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reatividade do Vue
Fundamentos do Nuxt
Data Fetching no Nuxt
SSR e SSG no Nuxt
Rotas de servidor Nuxt
Módulos Nuxt
Composables do Vue
Formulários e validação Vue
Gerenciamento de estado no Nuxt
Testes no Vue
Deploy do Nuxt e CI/CD
Desempenho do Vue
Padrões avançados do Vue
TypeScript com Vue
Autenticação Nuxt
SEO com Nuxt
Internacionalização no Nuxt
Arquitetura Vue
Segurança no Nuxt
Ecossistema Vue
Domine Vue.js / Nuxt.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis