# Migration Vue 2→3 & Nuxt 2→3 (Vue.js / Nuxt.js)

> Options API vers Composition API, Vuex vers Pinia, asyncData/fetch vers useFetch, breaking changes, migration strategies, nuxtServerInit deprecation

- 22 questions d'entretien
- Senior
- [Questions d'entretien: Vue.js / Nuxt.js](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien.md)

## 1. Quelle est la principale différence architecturale entre l'Options API de Vue 2 et la Composition API de Vue 3 ?

**Réponse**

La Composition API organise le code par fonctionnalité logique plutôt que par type d'option, permettant de regrouper le code lié à une même feature. Cette approche améliore la lisibilité et la maintenabilité des composants complexes, contrairement à l'Options API qui sépare data, methods et computed. La Composition API facilite également la réutilisation de logique via les composables, remplaçant avantageusement les mixins qui pouvaient créer des conflits de noms.

## 2. Quel changement majeur Nuxt 3 a-t-il apporté concernant les auto-imports par rapport à Nuxt 2 ?

**Réponse**

Nuxt 3 active les auto-imports par défaut pour les composables, les composants et les utilitaires du framework, éliminant le besoin d'imports manuels. Cette fonctionnalité améliore l'expérience développeur et réduit le boilerplate. Nuxt 2 nécessitait des imports explicites pour la plupart des fonctionnalités. Il est possible de désactiver cette fonctionnalité dans la configuration si nécessaire pour des raisons de contrôle explicite.

## 3. En Vue 3, quelle méthode remplace les filters de Vue 2 qui ont été supprimés ?

**Réponse**

Les filters ont été supprimés en Vue 3 car ils créaient une syntaxe personnalisée difficile à comprendre pour les nouveaux développeurs et impactaient les performances. La recommandation officielle est d'utiliser des computed properties ou des méthodes pour les transformations de données. Les computed properties offrent l'avantage du caching automatique pour les calculs coûteux, tandis que les méthodes conviennent pour les transformations simples avec paramètres.

## 19 questions supplémentaires disponibles

- Quel est le build tool par défaut dans Nuxt 3, remplaçant Webpack de Nuxt 2 ?
- Comment la syntaxe v-model a-t-elle changé entre Vue 2 et Vue 3 pour les composants personnalisés ?

S'inscrire gratuitement: https://sharpskill.dev/fr/login

## Autres sujets d'entretien Vue.js / Nuxt.js

- [Fondamentaux JavaScript](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/javascript-fundamentals.md): 20 questions, Junior
- [JavaScript moderne (ES6+)](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/es6-modern-javascript.md): 20 questions, Junior
- [Les bases de Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-basics.md): 22 questions, Junior
- [Composants Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-components.md): 20 questions, Junior
- [Vue Router](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-router.md): 18 questions, Junior
- [Pinia State Management](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/pinia-state-management.md): 20 questions, Junior
- [Vuex (Legacy)](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vuex-legacy.md): 15 questions, Confirmé
- [Composition API](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/composition-api.md): 24 questions, Confirmé
- [Réactivité Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-reactivity.md): 20 questions, Confirmé
- [Fondamentaux Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-fundamentals.md): 22 questions, Confirmé
- [Data Fetching Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-data-fetching.md): 20 questions, Confirmé
- [SSR & SSG Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-ssr-ssg.md): 22 questions, Confirmé
- [Server Routes Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-server-routes.md): 20 questions, Confirmé
- [Modules Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-modules.md): 18 questions, Confirmé
- [Composables Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-composables.md): 20 questions, Confirmé
- [Formulaires & Validation Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-forms-validation.md): 20 questions, Confirmé
- [Gestion d'état Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-state-management.md): 18 questions, Confirmé
- [Testing Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-testing.md): 20 questions, Confirmé
- [Déploiement Nuxt & CI/CD](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-deployment-cicd.md): 22 questions, Confirmé
- [Performance Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-performance.md): 22 questions, Senior
- [Patterns avancés Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-advanced-patterns.md): 24 questions, Senior
- [TypeScript avec Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/typescript-vue.md): 22 questions, Senior
- [Authentification Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-auth.md): 20 questions, Senior
- [SEO avec Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-seo.md): 20 questions, Senior
- [Internationalisation Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-i18n.md): 18 questions, Senior
- [Architecture Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-architecture.md): 22 questions, Senior
- [Sécurité Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-security.md): 20 questions, Senior
- [Écosystème Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-ecosystem.md): 18 questions, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/migration-vue2-vue3-nuxt2-nuxt3