15 min de lecture
TECHNOLOGIES / Expert Vue.js
Expert Vue.js : du composant embarqué au logiciel métier complet
Vue.js est le framework frontend de tous nos projets : tableaux de bord, back-offices, formulaires complexes et widgets embarqués, branchés sur une API Symfony. Nous construisons ces interfaces, nous reprenons celles que d'autres ont écrites, et nous les faisons migrer quand Vue 2 bloque.
Le même savoir-faire sert à dynamiser un site qui existe déjà, vitrine, WordPress, Webflow ou Nuxt : un simulateur, un configurateur, un formulaire intelligent, livré en composant et posé dans vos pages. Ajouter une fonctionnalité métier à votre site.
Framework open source créé en 2014 par Evan You, Vue.js s'intègre progressivement dans un existant et tient l'application métier la plus complexe. Nous sommes spécialisés dans le code métier : des outils que vos équipes utilisent toute la journée.
CE QUE NOUS FAISONS EN VUE.JS
Six interventions, une seule équipe
Chaque intervention a sa page, avec sa méthode et ses conditions. Toutes sont réalisées par l'équipe SmartBooster, sans sous-traitance, avec le back-end Symfony qui va avec.
Tableaux de bord, formulaires multi-étapes, écrans de saisie intensive : le front d'un outil que vos équipes utilisent toute la journée, branché sur une API Symfony.
Vue 2 ne reçoit plus aucun correctif. Migration composant par composant, avec Vuex vers Pinia, Vue Router 4 et les librairies de composants qui bloquent le passage.
Un front Vue développé par un autre prestataire, avec ou sans son back-end Symfony. Audit des dépendances, stabilisation, puis évolutions.
L'interface d'administration qui suit vos processus plutôt que ceux d'un générateur : rôles, workflows de validation, exports, vues métier.
Un widget Vue.js intégré dans un site existant, WordPress ou Webflow compris : le funnel de chiffrage de La Maison Saint-Gobain fonctionne ainsi.
Un budget annuel pour garder le front à jour : Vue, Vite, les librairies de composants, sans attendre qu'une dépendance abandonnée bloque tout le reste.
Exemples de réalisation
Des fronts Vue.js en production depuis des années
Un simulateur de rénovation énergétique exploité depuis 2017, une application de formation pour un réseau national, un funnel embarqué en Web Component sur un site tiers : trois fronts Vue.js sur API Symfony.
CAPRENOV+
Refonte d'un simulateur de travaux de rénovation énergétique
Refonte complète d'un simulateur de rénovation énergétique : étude de l'existant complexe, montée en compétence d'une équipe de 15 personnes et refonte du backoffice et des API.
Point P
Application de formation et d'entraînement à l'examen RGE
Application permettant aux artisans de s'entraîner à l'examen RGE : quiz dynamique sur +600 questions, calcul de score, connexion SSO et gestion des sessions d'examens.
La Maison Saint-Gobain
Tunnel de chiffrage et mise en relation travaux
Conception et développement d'un funnel de chiffrage de travaux pour un acteur majeur du bâtiment français : algorithme de calcul, estimation des aides financières et robustesse aux pics de charge TV (TF1, M6).
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.
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 →
- Suivi interne des versions : un outil développé en interne suit automatiquement les versions de Vue, de Vite et de chaque librairie de composants de vos projets, et nous signale ce qui approche de sa fin de support. Les migrations se planifient, elles ne se subissent pas. Notre méthode de migration Vue 2 vers 3
- Maintenance technique en autonomie : mises à jour, correctifs de sécurité, dépendances, renfort de tests, financés par un budget annuel dimensionné ensemble. C'est ce qui évite la migration en urgence.
- Le contrat de maintenance est le socle d'une TMA réussie : il fixe les délais de prise en charge, ce que nous faisons sans vous solliciter et ce qui passe par vos demandes. Voir le contrat de maintenance
-
Vue 3
RecommandéeSept. 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. 2023Sept. 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èteOct. 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).
DÉPENDANCES
Ce qui bloque un front Vue 2, et par quoi le remplacer
Le framework se migre une fois. Ses dépendances, elles, bougent tous les dix-huit mois, et ce sont elles qui font le devis : la librairie de composants, le store, les classes TypeScript, l'outillage de build. État de chacune, et chemin de sortie.
-
BootstrapVue
AbandonnéSuccesseur : Bootstrap Vue Next, ou une autre librairie
Dernière publication en 2022, aucune version Vue 3 ne viendra : seul @vue/compat le fait encore tourner. C'est la première cause de projets figés sur Vue 2. Quatre chemins : Bootstrap Vue Next, encore en 0.x, ou changer de librairie pour PrimeVue, Vuetify ou des primitives sans style avec Tailwind. Dans tous les cas, chaque template qui utilise un composant
b-*se réécrit. -
Vuetify 2
Hors supportSuccesseur : Vuetify 3, puis Vuetify 4
Plus maintenu depuis début 2025, sans build de compatibilité : grille, layout,
v-app, thèmes, tout change entre la 2 et la 3. Et Vuetify 4, sorti début 2026, refait la grille et passe à Material Design 3 pendant que la 3 termine en support long terme. Un projet qui sort de Vuetify 2 décide donc s'il passe par la 3 ou va directement en 4. Le support payant HeroDevs prolonge Vuetify 2 : un sursis tarifé pour les grands comptes, pas une destination. -
vue-class-component, vue-property-decorator
AbandonnéSuccesseur : defineComponent, puis <script setup>
Dépréciés par l'équipe Vue, sans successeur officiel. Un front Vue 2 écrit en TypeScript entre 2018 et 2021 l'est presque toujours avec ces décorateurs : chaque composant se réécrit. Avec la librairie de composants, c'est le maillon qui fait le devis.
vue-facing-decoratorgarde les classes, mais prolonge un style que le framework a abandonné. -
Vuex
Maintenance seuleSuccesseur : Pinia
Vuex ne reçoit plus de fonctionnalité, Pinia est le store officiel depuis 2022. Vuex 4 tourne sur Vue 3, la migration du store peut donc attendre celle du framework. Elle est mécanique, module par module, les deux cohabitent pendant le passage.
vuex-module-decoratorsetvuex-classpartent avec. -
Vue CLI et Webpack
Maintenance seuleSuccesseur : Vite
Vue CLI est en maintenance, Vite est la voie officielle. Le passage est un chantier à part : configuration, variables d'environnement, tests, imports dynamiques. À ne pas mélanger avec la migration Vue 3 elle-même. Notre guide de migration Webpack vers Vite.
-
Headless UI
Version Vue figéeSuccesseur : Reka UI, shadcn-vue
Tailwind Labs a sorti Headless UI 2 pour React seulement :
@headlessui/vuen'a plus reçu de version depuis septembre 2024 et reste en 1.7. Le style étant dans Tailwind, le remplacement se fait composant par composant vers Reka UI, l'ancien Radix Vue, ou shadcn-vue qui en dérive. -
Nuxt 2 et Nuxt 3
Hors supportSuccesseur : Nuxt 4
Nuxt 2 puis Nuxt 3 sont sortis du support. Le passage de 3 à 4 est léger,
compatibilityVersion: 4le prépare ; celui de 2 à 4 est une réécriture : répertoire, modules, composables, serveur. Un logiciel métier Nuxt est rare, un site Nuxt qui embarque un composant métier l'est moins. -
Les utilitaires sans version Vue 3
À remplacerSuccesseur : Natif ou équivalent
portal-vueest remplacé par Teleport, natif dans Vue 3 ;vue-metapar Unhead ; vee-validate 2 et 3 par la 4, dont l'API change ;@vue/composition-apidisparaît, Vue 3 l'embarque ; vue-i18n 8 passe en 11 ;@vue/test-utils1 et Jest passent en@vue/test-utils2 et Vitest. Aucun n'est bloquant seul, tous s'additionnent.
Ce vers quoi nous conduisons, et ce que nous utilisons sur nos propres projets : Vue 3, Vite, Pinia, Tailwind, Vitest, Storybook , Playwright, et Inertia.js quand le front est couplé à Symfony sans API séparée.
Nous avons mené ce chemin sur le tunnel de chiffrage de La Maison Saint-Gobain et sur l'espace client de CAPRENOV+ , sans interrompre les évolutions métier. La méthode, phase par phase, est dans notre article Migration Vue 2 vers Vue 3 avec Claude Code.
Approfondir
Nos articles sur Vue.js
Guides, comparatifs et migrations : le détail que la fiche ne peut pas contenir.
15 min de lecture
9 min de lecture
Pour aller plus loin
Approfondir votre réflexion
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.
Vue.js nous permet de construire des interfaces métier riches et ergonomiques, parfaitement adaptées aux workflows de nos clients.
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.
La chaîne de validation de notre code Vue.js : ce que chaque outil contrôle, les presets retenus et comment un front existant les rejoint sans tout reformater d'un coup.
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, et la distinction compte. Une agence Vue.js construit des sites Nuxt, du e-commerce, ou place des développeurs en régie. Nous faisons le front des logiciels métier : des interfaces que vos équipes utilisent toute la journée, branchées sur une API Symfony que nous développons aussi. Et nous restons pour les maintenir, ce qui inclut les migrations que personne ne veut faire.
Oui, avec ou sans son back-end. Nous auditons d'abord les dépendances : version de Vue, librairie de composants, outillage de build. C'est là que se trouvent les blocages, plus que dans le code lui-même. Ensuite nous stabilisons, puis nous faisons évoluer.
C'est le blocage le plus fréquent, plus que le framework lui-même. BootstrapVue n'aura jamais de version Vue 3 et Vuetify 2 n'est plus maintenu : dans les deux cas, la librairie de composants se remplace, composant par composant, et c'est elle qui fait le devis. Le store Vuex, les composants écrits en classes TypeScript et l'outillage Webpack s'ajoutent à la liste. Nous commençons par lire votre package.json : il dit en une heure ce qui est mécanique et ce qui demande une réécriture.
Oui, c'est l'un des usages où Vue.js est le plus à l'aise. Le composant est développé et testé à part, puis livré sous forme de Web Component : une balise à poser dans vos pages, quel que soit l'outil qui les génère. Votre site ne change pas, il gagne un simulateur, un configurateur ou un formulaire qui parle à une API. C'est ainsi que le funnel de chiffrage de La Maison Saint-Gobain est intégré à son site.
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.
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.