TECHNOLOGIES / Vue.js

Vue.js : le framework qui dynamise vos interfaces web

Vue.js est un framework frontend open source basé sur JavaScript, créé en 2014 par Evan You. Il permet de créer des interfaces utilisateurs riches, des SPA et des Progressive Web Apps.

Accessible aux débutants, puissant pour les experts : Vue.js s'adapte à tous les contextes, de la simple amélioration d'une page HTML à l'application métier la plus complexe.

3.5 Version active Sortie sept. 2024, aucune fin de support annoncée
2.7 Dernière Vue 2 Sortie juil. 2022, plus aucun correctif depuis déc. 2023
@vue/compat Build de compatibilité Filet de sécurité pour migrer progressivement
Migrer Vue 2 vers Vue 3

POURQUOI VUE.JS

Un framework accessible, communautaire et performant

Voici pourquoi nous avons choisi Vue.js comme framework frontend de référence pour l'ensemble de nos projets.

Facile d'accès, progressif par nature

Vue.js enrichit HTML avec des directives simples. Il s'intègre progressivement dans vos projets existants, sans tout recoder → idéal pour migrer par étapes et protéger votre budget.

Communauté internationale active

Utilisé par GitLab, Alibaba et des milliers d'entreprises dans le monde. Des milliers de composants open source disponibles pour accélérer chaque développement.

Performances optimisées

Vue.js est conçu pour être performant dès le départ. Sa documentation embarque des guides de bonnes pratiques et Vue DevTools permet de détecter les problèmes en temps réel.

Architecture orientée composants

Le découpage en composants réutilisables permet de construire des interfaces complexes de manière modulaire, en réduisant la duplication et en simplifiant la maintenance.

CAS D'USAGE

Comment nous utilisons Vue.js

Vue.js est un framework polyvalent qui s'adapte à de nombreux contextes dans vos applications métier.

SPA : Interfaces riches

Construisez des interfaces métier complexes en mode Single Page Application : tableaux de bord, formulaires multi-étapes, gestion de données en temps réel.

Amélioration progressive

Enrichissez vos interfaces HTML existantes par étapes. Vue.js s'intègre uniquement sur les parties à dynamiser, sans obligation de tout refaire.

Web Components

Créez des widgets indépendants intégrables dans d'autres sites. Technique utilisée pour le funnel de chiffrage de La Maison Saint-Gobain.

En savoir plus

PWA : Progressive Web App

Profitez des fonctionnalités avancées des navigateurs modernes : mode hors ligne, notifications push, installation sur mobile → pour une expérience proche du natif.

HISTORIQUE

Versions majeures de Vue.js

Vue.js 2 est en fin de vie depuis décembre 2023. Tout projet encore sur Vue 2 accumule une dette technique et une exposition aux failles de sécurité non corrigées. Annonce de fin de vie officielle → · Voir les releases Vue.js →

  • Vue 3

    Recommandée

    Sept. 2020

    aucune fin de support annoncée

    La version active pour tout nouveau projet. Requiert Node 16+. Seule la dernière mineure reçoit des correctifs : rester à jour sur la 3.x est peu coûteux.

    • <script setup> stabilisé : La syntaxe passe du statut expérimental à stable. Elle supprime le boilerplate de la Composition API : les variables déclarées sont directement exposées au template. C'est en 3.2 qu'elle devient utilisable en production, pas en 3.0.
    • defineCustomElement : Création de web components natifs à partir de composants Vue. Utile pour intégrer une brique Vue dans un site existant qui ne tourne pas sous Vue.
    • Composition API : Organisation de la logique par fonction plutôt que par option : meilleure réutilisabilité et typage TypeScript natif. Les composants complexes cessent de se disperser entre data, computed et methods.
    • Moteur réécrit : Rendu plus rapide, bundles plus petits et intégration TypeScript revue. La base technique sur laquelle repose tout le reste de la branche 3.
    • Teleport et Suspense : Teleport déplace du contenu DOM hors de l'arbre du composant, ce qui règle les modales et les tooltips prisonniers de leur conteneur. Suspense attend les dépendances asynchrones d'un composant.

  • Vue 2

    Obsolète depuis déc. 2023

    Sept. 2016

    plus de correctifs depuis déc. 2023

    Options API, Vuex, Vue Router 3. Encore présent sur de nombreux projets en production, sans plus recevoir le moindre correctif : la migration est le seul chemin.

    • Options API : Architecture par options (data, computed, methods, watch) : familière mais moins extensible que la Composition API pour les composants complexes.
    • Vuex : Store centralisé basé sur Flux/Redux : plus verbeux que Pinia, mais fonctionnel pour la gestion d'état partagé.
    • Vue CLI : Outil de scaffolding basé sur Webpack → remplacé par Vite dans l'écosystème Vue 3.
    • Failles non corrigées : Depuis janvier 2024, aucun patch de sécurité n'est publié → tout projet Vue 2 en production est exposé.

  • Vue 1

    Obsolète

    Oct. 2015

    plus de correctifs depuis déc. 2016

    Première version publique. A popularisé le two-way data binding et les directives dans l'écosystème JavaScript. Sans lien de compatibilité avec Vue 2+.

    • Two-way binding : Liaison bidirectionnelle données/template qui a défini le positionnement de Vue face à Angular et React.
    • Directives v-* : Système de directives HTML (v-if, v-for, v-bind) repris et enrichi dans toutes les versions suivantes.

Vue 2 n'est plus maintenu. Chaque semaine sur une version en fin de vie, c'est une faille potentielle non corrigée et un retard supplémentaire à rattraper. La migration vers Vue 3 apporte des gains concrets : performances, typage TypeScript, Composition API et accès à l'écosystème actuel (Vite, Pinia, Vue Router 4).

Migrer de Vue 2 vers Vue 3

Pour aller plus loin

Approfondir votre réflexion

Symfony

Vue.js et Symfony forment la combinaison frontend/backend de référence sur nos projets. Symfony expose l'API, Vue.js rend l'interface réactive.

Développement de logiciel sur mesure

Vue.js nous permet de construire des interfaces métier riches et ergonomiques, parfaitement adaptées aux workflows de nos clients.

Back-office sur mesure

Vue.js est notre choix de prédilection pour les interfaces d'administration sur mesure : composants réutilisables, réactivité et expérience utilisateur soignée.

FAQ

Les réponses à vos questions

Et si vous ne trouvez pas ce que vous cherchez, nous serons ravis de vous répondre en direct lors d'un rendez-vous entre humains !

Non. Vue.js 2 est en fin de vie depuis le 31 décembre 2023. Aucun correctif de sécurité ni correction de bug n'est publié depuis cette date. Tout projet en production sur Vue 2 accumule des vulnérabilités non corrigées. La migration vers Vue 3 est fortement recommandée.

Vue 3 est la version active pour tout nouveau projet. La branche 3.x est en développement continu, avec Vue 3.5 sorti en septembre 2024 apportant des améliorations de performance sur la réactivité et une réduction de la consommation mémoire des ref(). Vue 2 est en fin de vie depuis décembre 2023 et ne reçoit plus aucun correctif.

Calendrier des releases Vue.js

La migration peut se faire en plusieurs étapes grâce au package @vue/compat (Migration Build), qui permet de faire cohabiter du code Vue 2 et Vue 3 dans la même application le temps de migrer composant par composant. Les principaux changements concernent l'API de création d'application (createApp), Vuex remplacé par Pinia et Vue Router 3 remplacé par Vue Router 4. La Composition API est recommandée mais l'Options API reste supportée en Vue 3.

Vue.js 4 n'a pas de date de sortie annoncée. Evan You (créateur du framework) n'a pas communiqué de roadmap publique vers une version 4 à ce jour. Vue 3 est en développement actif et continue de recevoir des mises à jour régulières. Les efforts de l'équipe core se concentrent sur la stabilisation de Vue 3 et l'amélioration de l'écosystème (Vite, Pinia, Nuxt 3).

Vous avez un projet ?

Contactez-nous pour savoir comment nous pouvons vous aider.

Contactez-nous