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.

Avis Google
5 Note Google : 5 sur 5
Avis Trustpilot
4,7 Note Trustpilot : 4,7 sur 5
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

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.

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.

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 →

Ce calendrier, nous le tenons pour vous

  • 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é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).

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 support

    Successeur : 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-decorator garde les classes, mais prolonge un style que le framework a abandonné.

  • Vuex

    Maintenance seule

    Successeur : 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-decorators et vuex-class partent avec.

  • Vue CLI et Webpack

    Maintenance seule

    Successeur : 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ée

    Successeur : Reka UI, shadcn-vue

    Tailwind Labs a sorti Headless UI 2 pour React seulement : @headlessui/vue n'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 support

    Successeur : Nuxt 4

    Nuxt 2 puis Nuxt 3 sont sortis du support. Le passage de 3 à 4 est léger, compatibilityVersion: 4 le 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

    À remplacer

    Successeur : Natif ou équivalent

    portal-vue est remplacé par Teleport, natif dans Vue 3 ; vue-meta par Unhead ; vee-validate 2 et 3 par la 4, dont l'API change ; @vue/composition-api disparaît, Vue 3 l'embarque ; vue-i18n 8 passe en 11 ; @vue/test-utils 1 et Jest passent en @vue/test-utils 2 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.

Rester, tenir, migrer ou réécrire : décider pour un front Vue 2

Approfondir

Nos articles sur Vue.js

Guides, comparatifs et migrations : le détail que la fiche ne peut pas contenir.

Pour aller plus loin

Approfondir votre réflexion

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.