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 septembre 2024
2.7 Dernière Vue 2 EOL décembre 2023 - plus maintenu
@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

    La version active pour tout nouveau projet. Requiert Node 16+. Support long terme actif → version 3.5+ recommandée en 2025.

    • Composition API : Nouvelle façon d'organiser la logique des composants par fonction plutôt que par option → meilleure réutilisabilité et typage TypeScript natif.
    • <script setup> : Syntaxe sucre syntaxique pour la Composition API → moins de boilerplate, variables directement exposées au template.
    • Vite : Remplacement de Webpack par Vite comme outil de build officiel → démarrage instantané, HMR ultra-rapide.
    • Pinia : Store officiel remplaçant Vuex : API simplifiée, TypeScript de premier ordre, DevTools intégrés.
    • Teleport & Suspense : Teleport déplace du contenu DOM hors de l'arbre du composant (modales, tooltips). Suspense gère le chargement asynchrone des composants.

  • Vue 2

    EOL décembre 2023

    Sept. 2016

    Plus maintenu depuis le 31 décembre 2023. Options API, Vuex, Vue Router 3. Encore présent sur de nombreux projets en production → une migration est fortement recommandée.

    • 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

    2015

    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