Question 1

Qu'est-ce qu'un store Pinia ?

Accepted Answer

Un store Pinia est un objet réactif centralisé qui contient le state, les getters et les actions pour gérer l'état de l'application. Contrairement à Vuex, Pinia simplifie la syntaxe en éliminant les mutations et offre un support TypeScript natif. Les stores Pinia permettent de partager des données et de la logique métier entre plusieurs composants de manière organisée et maintenable.

Question 2

Quelle fonction utiliser pour créer un store Pinia ?

Accepted Answer

La fonction defineStore est la méthode standard pour créer un store Pinia. Elle accepte un identifiant unique comme premier paramètre et soit un objet d'options (option store) soit une fonction setup (setup store) comme deuxième paramètre. Cette fonction retourne un composable qui peut être utilisé dans les composants pour accéder au store.

Question 3

Dans un store Pinia, comment définir les données d'état ?

Accepted Answer

Dans un option store Pinia, le state est défini comme une fonction qui retourne un objet contenant les données réactives. Cette approche fonctionnelle garantit que chaque instance de store obtient son propre état isolé. Le state devient automatiquement réactif grâce au système de réactivité de Vue, permettant aux composants de réagir aux changements de données.

Pinia State Management

Qu'est-ce qu'un store Pinia ?

Réponse

Quelle fonction utiliser pour créer un store Pinia ?

Réponse

Dans un store Pinia, comment définir les données d'état ?

Réponse

Que sont les actions dans un store Pinia ?

Que sont les getters dans un store Pinia ?

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

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de Vue

Composants Vue

Vue Router

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

Migration Vue 2→3 & Nuxt 2→3

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