Vue.js

Vue.js est un framework JavaScript open source, créé par Evan You et publié en 2014, qui sert à construire des interfaces à partir de composants. Il combine un système de réactivité qui suit automatiquement les dépendances et une syntaxe de gabarit très proche du HTML.

Sa particularité est d'être adoptable par paliers. On peut l'ajouter à une seule zone d'une page existante, puis l'étendre jusqu'à une application complète rendue côté serveur. Là où d'autres approches supposent une réécriture, Vue accepte la cohabitation.

Comment ça marche

Un composant tient dans un fichier unique qui réunit trois blocs : le gabarit, la logique et le style, ce dernier pouvant être limité au seul composant. Deux styles d'écriture coexistent : une organisation par options, historique, et une organisation par composition, aujourd'hui recommandée, qui regroupe le code par préoccupation plutôt que par catégorie technique.

La réactivité est le cœur du système. Les valeurs déclarées comme réactives sont enveloppées dans des proxys : Vue enregistre quelles parties du rendu lisent quelles valeurs, puis ne recalcule que ce qui dépend d'une valeur modifiée. Le composant n'est pas réexécuté entièrement à chaque changement. Le gabarit s'appuie sur des directives pour les conditions, les boucles et la liaison bidirectionnelle des formulaires. L'écosystème officiel est cohérent et maintenu par la même équipe : routeur, gestion d'état, outil de build, et Nuxt pour le rendu serveur, le routing par fichiers et la génération statique.

À quoi ça sert concrètement

• Développer des applications métier complètes, avec une courbe d'apprentissage courte
• Ajouter de l'interactivité à des pages existantes sans réécrire le site
• Construire des sites hybrides, à la fois éditoriaux et applicatifs, quand le référencement compte autant que l'interface
• Faire travailler ensemble des profils intégrateur et développeur, le gabarit restant lisible par les deux

Les pièges

• Les deux styles d'API cohabitent dans la documentation : mélangés dans une même base de code, ils rendent la relecture pénible
• On perd facilement la réactivité en déstructurant un objet réactif, ou en oubliant d'accéder à la valeur d'une référence dans le code
• Les observateurs en cascade produisent des mises à jour difficiles à tracer ; une valeur calculée est presque toujours préférable
• L'écosystème tiers est plus restreint que celui de React : certaines bibliothèques spécialisées n'existent pas
• Les ressources en ligne mélangent encore Vue 2 et Vue 3, dont les API diffèrent

Quand le choisir, quand l'éviter

Choisissez Vue pour une application métier, un site à forte composante éditoriale doublée d'interactivité, ou une équipe réduite qui doit rester productive. Évitez-le si vous visez une application mobile partageant le code de l'interface, ou si une bibliothèque tierce indispensable n'existe que dans l'écosystème React.