Question 1

Qu'est-ce qu'un composable dans Vue 3 et Nuxt 3 ?

Accepted Answer

Un composable est une fonction qui encapsule de la logique réutilisable en utilisant la Composition API de Vue. Les composables permettent de partager l'état et les effets entre composants sans recourir aux mixins. Par convention, le nom d'un composable commence toujours par le préfixe use, ce qui facilite leur identification dans le code.

Question 2

Quelle est la convention de nommage recommandée pour les composables ?

Accepted Answer

Les composables doivent toujours commencer par le préfixe use suivi d'un nom descriptif en camelCase. Cette convention permet d'identifier rapidement les composables dans le code et de les distinguer des fonctions utilitaires ordinaires. Par exemple, useCounter, useFetch ou useAuth sont des noms appropriés pour des composables.

Question 3

Où les composables doivent-ils être placés dans un projet Nuxt 3 ?

Accepted Answer

Les composables doivent être placés dans le répertoire composables à la racine du projet. Nuxt 3 importe automatiquement tous les fichiers de ce répertoire, ce qui permet d'utiliser les composables sans avoir besoin de les importer manuellement. Cette auto-importation améliore l'expérience développeur et réduit le code boilerplate.

Composables Vue

Qu'est-ce qu'un composable dans Vue 3 et Nuxt 3 ?

Réponse

Quelle est la convention de nommage recommandée pour les composables ?

Réponse

Où les composables doivent-ils être placés dans un projet Nuxt 3 ?

Réponse

Quel est l'avantage principal de useState par rapport à ref dans Nuxt 3 ?

Comment accéder aux paramètres de la route actuelle dans un composable Nuxt ?

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

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

Migration Vue 2→3 & Nuxt 2→3

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