Vue 3.0 bringt mehr Geschwindigkeit, mehr TypeScript

Vue 3.0, ein geplantes Upgrade des JavaScript-Frameworks zum Erstellen von Web-Benutzeroberflächen, wird derzeit allgemein veröffentlicht. Das Release Candidate-Stadium wurde am 17. Juli erreicht, gefolgt von einer Beta-Veröffentlichung im Frühjahr. Die Version Vue 3.0 verspricht signifikante Leistungsverbesserungen.

Mit der Release-Kandidatenphase haben sich sowohl die API als auch die Implementierung des Vue 3-Kerns stabilisiert. Der RC kann über NPM heruntergeladen werden. Eine Produktionsfreigabe von Vue 3.0 wird nun im August erwartet, wobei ein früheres Schiffsziel für Juni überschritten wurde.

Highlights der Vue 3.0-Version: 

  • Für eine bessere Leistung bietet Vue 3.0 ein neu geschriebenes virtuelles DOM und vom Compiler informierte schnelle Pfade.
  • Das serverseitige Rendern ist zwei- bis dreimal schneller, basierend auf Benchmarks, die typische Szenarien simulieren. Die Komponenteninitialisierung ist effizienter und die Aktualisierungsleistung wird ebenfalls verbessert.
  • Das Baumschütteln, das die Größe der Ausgabedatei verringert und die Gesamtleistung verbessert, wird ebenfalls hervorgehoben. Die meisten optionalen Vue-Funktionen, wie die V-Modell-Direktive zum Erstellen von bidirektionalen Datenbindungen, können jetzt vom Baum geschüttelt werden.
  • Die in Vue 3.0 enthaltene Kompositions-API, die neben der Options-API verwendet werden kann, bietet eine Reihe von additiven, funktionsbasierten APIs, die eine flexible Komposition der Komponentenlogik und Wiederverwendung ermöglichen. 
  • Die Vue.js 3.0-Codebasis ist in TypeScript mit automatisch generierten Typdefinitionen und einer API geschrieben, die sowohl in TypeScript als auch in JavaScript identisch ist. Die Klassenkomponente wird weiterhin unterstützt.
  • Explorative Typprüfung in SFC (Single File Components).
  • Eine benutzerdefinierte Renderer-API, die in das NativeScript-Framework integriert werden soll.
  • Eine Fragmentfunktion, mit der ein Problem gelöst werden kann, bei dem mehrere Stammkomponenten nicht zulässig sind. Progress Telerik, Hersteller von NativeScript, hat Fragmente als Template-Wrapper-Tags beschrieben, mit denen eine Präsentation strukturiert wird, ohne die Semantik zu beeinträchtigen.

Das Open-Source-Framework "progressive" Vue.js soll die Entwicklung testbarer und wartbarer Web-Benutzeroberflächen ermöglichen. Webseiten können in wiederverwendbare Komponenten aufgeteilt werden. Vue.js ist reaktiv; Wenn sich Daten ändern, aktualisiert das Framework jeden Teil einer Webseite, auf der die Daten verwendet werden. Vue.js hat 168.000 Sterne auf GitHub.