Question 1

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

Accepted Answer

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.

Question 2

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

Accepted Answer

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.

Question 3

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

Accepted Answer

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.

Migration Vue 2→3 & Nuxt 2→3

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

Réponse

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

Réponse

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

Réponse

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 ?

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

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de Vue

Composants Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Réactivité Vue

Fondamentaux Nuxt

Data Fetching Nuxt

SSR & SSG Nuxt

Server Routes Nuxt

Modules Nuxt

Composables Vue

Formulaires & Validation Vue

Gestion d'état Nuxt

Testing Vue

Déploiement Nuxt & CI/CD

Performance Vue

Patterns avancés Vue

TypeScript avec Vue

Authentification Nuxt

SEO avec Nuxt

Internationalisation Nuxt

Architecture Vue

Sécurité Nuxt

Écosystème Vue

Maîtrise Vue.js / Nuxt.js pour ton prochain entretien