JavaScript Framework
03.09.2024, 11:26 Uhr
Vue 3.5 mit mehr Leistung und neuen Funktionen
Die neue Version von Vue.js bringt bedeutende Optimierungen und nützliche Features mit sich, die das Entwicklerleben vereinfachen sollen.
![](/img/1/7/6/6/9/2/0/vuejs_w580_h506.jpg)
(Quelle: dotnetpro)
Am 1. September wurde die Veröffentlichung von Vue 3.5 "Tengen Toppa Gurren Lagann" angekündigt. Diese Version enthält keine brechenden Änderungen, sondern bietet sowohl interne Verbesserungen als auch nützliche neue Funktionen, die das Arbeiten mit Vue.js optimieren sollen.
Ein zentrales Highlight der Version 3.5 sind die Optimierungen im Reaktivitätssystem, welches eine bedeutende Leistungssteigerung erfahren hat. Die Speichernutzung konnte um 56 Prozent reduziert werden, ohne dass sich das Verhalten der Anwendung geändert hat. Dies bedeutet für Entwickler, dass reaktive Eigenschaften in großen verschachtelten Arrays nun bis zu zehnmal schneller verarbeitet werden können.
Ein weiteres Feature ist die Stabilisierung der Funktion Reactive Props Destructure, die nun standardmäßig aktiviert ist. Mit dieser Änderung können Variablen, die aus einem defineProps-Aufruf in der <script setup>-Syntax gebildet werden, reaktiv bleiben. Dies vereinfacht die Deklaration von Eigenschaften mit Standardwerten erheblich.
Die Verbesserungen im Bereich des serverseitigen Renderings (SSR) sind ebenfalls bemerkenswert. Mit der Einführung von "Lazy Hydration" können Entwickler steuern, wann ihre asynchronen Komponenten hydratisiert werden, indem sie eine Hydratationsstrategie über das defineAsyncComponent()-API spezifizieren.
Zusätzlich wurden verschiedene Anpassungen für die Erstellung benutzerdefinierter Elemente in Vue vorgenommen. Verbesserungen wie die Unterstützung von App-Konfigurationen für benutzerdefinierte Elemente zeigen, dass Vue auch in diesem Bereich ein flexibles Werkzeug bleibt.
Zu den weiteren neuen Funktionen gehören die Einführung von useTemplateRef() zur einfacheren Handhabung von Template-Referern, sowie das Deferred-Teleport-Feature, das es ermöglicht, Inhalte an andere Elemente zu teleportieren, die erst nach dem aktuellen Renderzyklus erzeugt werden.
Das globale API onWatcherCleanup() ist ebenfalls neu in dieser Version und ermöglicht das Registrieren von Aufräum-Callbacks in Watchern. Dies verbessert das Management asynchroner Operationen signifikant.