Sortie de Vue.js 3.0

C’était une sortie attendue depuis quelques temps au sein de l’agence, Vue.js est maintenant passée en version 3.0.

La nouvelle a été annoncée le 10 octobre par Damien Dulitz sur le site https://news.vuejs.org, le code source de la version 3.0 de Vue.js vient d’être publié sur GitHub. C’est une version pre-alpha, à ne pas utiliser pour le moment sur des projets finaux.

Parmi les grandes nouveautés de Vue.js 3, nous pouvons noter l’apparition de l’API Composition. L’idée est d’abord née des limitations de Vue.js 2.
La première raison est que quand vous commencer à travailler vos composants, il deviennent de plus en plus gros et de moins en moins maintenables. La deuxième raison est que la réutilisation de composants peut avoir des inconvénients. Enfin, le dernier point est que Vue.js en version 2 supporte mal TypeScript.

Des composants vue.js plus lisibles.

Sans forcément rentrer dans les détails, l’API composition permet une lecture beaucoup plus simple des composants, avec la méthode setup(). Pas de problème de retro compatibilité. Tout les composants que vous avez pu créer dans une version antérieure à la 3.0 contrinueront à être compatibles. A l’agence, cela nous a un peu rassuré…

L’intérêt de cette nouvelle composition est une meilleure organisation des composants par fonctionnalité.

Une réutilisation plus faciles des composants Vue.js

Allez, ici, sans rentrer dans le détails, les méthodes existantes avec Vue.js 2 pour réutiliser des composants n’étaient pas forcément optimisées et quelque soit la méthode choisie, il y avait toujours des contraintes. Tout est maintenant facilité par la fonction de composition. Cette nouvelle solution permet de faire la même chose qu’avant mais avec moins de code, une écriture plus naturelle du JavaScript, est donne un résultat beaucoup plus flexible.

Un défaut pour Vue.js 3 ?

Vue.js en version 3 présente t’elle des défauts ? Si l’on peut y voir une seule source d’inquiétude, c’est que Vue.js 3 offre la possibilité de définir ses composants de deux manières différentes, rétro-compatibilité oblige, ce qui n’est pas vraiment recommandable.

L’autre défaut est que la dernière version de Vue.js n’est pas compatible avec ie 11 sans l’utilisation d’un polyfill. Mais cela fait maintenant plusieurs mois que Microsoft a fait la demande explicite à leur utilisateurs de ie 11 de migrer vers une version plus récente.

Pour conclure, sachez qu’en tant qu’agence experte Vue.js, nous avons hâte d’utiliser toutes ces nouvelles fonctionnalités sur nos prochains projets

Retrouvez plus de détails sur les nouveautés de Vue.js 3 en vidéo à cette adresse : https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api/