Le 31 décembre 2023 marque la fin officielle du support technique de Vue 2. À compter de cette date, Vue 2 ne sera plus mis à jour et ne recevra plus de correctifs de sécurité ou de compatibilité avec les navigateurs. Si vous êtes dans ce cas de figure, il est temps d’envisager une migration vers Vue3 et de profiter des avantages qu’offre la dernière version du framework. 

Composition API versus Option API 

La composition API Vue3 est la modification majeure qui fait la différence entre les deux versions. En simplifiant la gestion de la logique complexe des composants et de l’état, elle s’applique tout particulièrement aux applications à grande échelle. Elle permet également de produire un code plus lisible et facilement maintenable.

Des performances accrues  

Vue 3 rend vos applications web plus rapides et plus réactives. Il utilise une nouvelle version de DOM virtuel plus rapide, qui est comme le cerveau derrière l’affichage de votre site. En plus, il améliore le “tree shaking”, technique qui aide à ne garder que le code nécessaire en enlevant les parties inutiles, ce qui rend l’application plus légère et rapide. 

Le système de réactivité, qui est la façon dont l’application réagit et se met à jour lorsque les données changent, a aussi été optimisé dans Vue 3. Cela signifie que votre site répondra plus vite aux actions des utilisateurs. 

Un autre point important est que la taille totale du code (qu’on appelle “bundle”) est réduite de 40% par rapport à Vue 2. C’est bénéfique car un code plus léger charge plus vite, ce qui améliore l’expérience des utilisateurs et aide aussi à mieux positionner votre site sur Google via le respect des indicateurs de web performance que sont les Core Web Vitals. 

La prise en compte de Typescript 

La version 3 de Vue propose une meilleure intégration de Typescript, qui vous permet de développer un code plus robuste et d’améliorer la vérification des types. 

De nouvelles fonctionnalités 

Vue 3 propose de nouvelles fonctionnalités comme le Teleport et les fragments. Toujours dans une logique de flexibilité, ces nouveautés propres à Vue3 facilitent l’écriture des composants et leur structuration.  

Un choix d’avenir 

Au-delà de l’aspect purement technique et de la sécurité de votre projet qui sont des composants essentiels de la vie d’un projet, migrer vers Vue3 vous permettra de suivre la tendance et de profiter d’une communauté grandissante et des plugins et librairies qui seront développés dans le futur. Vous serez également plus attractifs pour vos futures recrues en leur proposant la toute dernière version du framework.  

Nombreux sont les points positifs incitant à migrer. Le processus peut paraître complexe, coûteux et long car il nécessitera certainement des modifications importantes de votre code en plus d’un temps d’apprentissage de vos équipes afin de maîtriser ce nouvel environnement. Mais les enjeux sont tels qu’il paraît difficile aujourd’hui de ne pas envisager cette transition. Vous pouvez tout à fait lancer une migration partielle, étape par étape, car l’Option API reste fonctionnelle.  

Chez Atecna, nous avons plusieurs experts VueJS qui ont déjà eu l’occasion de travailler sur une migration Vue2/Vue3. Nous restons disponibles pour vous aider dans ce projet. 

Envie d’aller plus loin ?

L’équipe d’Arnaud, experts en frond-end et l’équipe java d’Atecna seront ravis de répondre à vos questions !