pageIndex = 2 outOfVisibleViewPort = false
Exemple de la définition d'une “prop”

Définir ses “props” avec Vue 3 et TypeScript

Avec Vue 3 et TypeScript, la déclaration de vos “props” s’écrit assez différemment et n’est peut-être pas intuitive si vous ne connaissez pas TypeScript. Laissez-moi vous expliquer en détail.

pageIndex = 4 outOfVisibleViewPort = true
Image du logo de Pinia issue de VueSchool.io

Utiliser Pinia dans un intercepteur de navigation

Les intercepteurs de navigation permettent d'exécuter du code à certaines étapes de la navigation. L'utilisation de Pinia sur ces intercepteurs nécessite une petite astuce d'implémentation. Voyons cela de plus près.

pageIndex = 5 outOfVisibleViewPort = true
Image du logo de Pinia issue de VueSchool.io

Créer un store avec Vue 3, Pinia et TypeScript

La gestion d’état vous permet d’exécuter une application plus rapidement. Depuis un certain temps, Pinia a remplacé Vuex dans les applications Vue. Avec Pinia, il est temps d’adopter l’API de composition, même au sein des magasins d’état.