JavaScript: Vue.js 3.1 bietet Hilfestellung bei Migration von Vue 2 auf Vue 3
"Pluto", die aktuelle Minor Version des Webframeworks, bringt Entwicklern den langersehnten Migration Build sowie einen Lifecycle Hook für die Composition API.
Für das Webframework Vue.js liegt mit "Pluto" Version 3.1 vor. Das Update hält einige neue Features wie den Vue 2 to Vue 3 Migration Build und einen neuen Lifecycle Hook bereit. Darüber hinaus hat das Vue.js-Entwicklerteam Arbeiten an der Performance vorgenommen und neue Deprecations definiert.
Problemlos von Vue 2 auf Vue 3
Zu den Highlights der neuen Features zählt der bereits in der Beta vorgestellte Migration Build, der Entwicklerinnen und Entwicklern bei der Migration von Vue 2 auf Vue 3 helfen soll. Ab sofort lassen sich Vue 3 und der SFC-Compiler in einem abwärtskompatiblen Modus betreiben, sodass Entwickler Deprecations und Breaking Changes direkt abarbeiten können und nicht die ganze Anwendung neu schreiben müssen.
In Kooperation mit Vuejs.de, der deutschen Vue-Community, richten dpunkt.verlag und heise developer am 15. Juni 2021 den Vue Day 2021 aus. Die eintägige Online-Konferenz richtet sich sowohl an Einsteiger als auch an fortgeschrittene Vue-Kenner.
Programm-Highlights:
- Vue von 0 auf 100
- Hands On: PWAs mit Vue 3 und Vite bauen
- Horizonterweiterung: Vue 3 ohne die Options API oder Vuex dank Composables
- Vue 3 > Vue 2+1 : mehr als ein Major Release
- Stabilere Vue-Applikationen mit Jest und der Testing Library
- Server-Side Rendering mit Vue und Nuxt.js
- Ab auf die Insel: die Island Architecture mit Vue und Eleventy
Nähere Informationen zur Online-Konferenz sowie zu den flankierenden Workshops rund um das Webframework bietet die Webseite der Veranstaltung.
Vue 3.1 bringt Support für CompilerOptions
auf Komponentenebene bei der Verwendung des Runtime-Compilers. Darüber hinaus ist es Entwicklern nun erlaubt, via app.config.compilerOptions
die Konfiguration des Runtime-Compilers vorzunehmen. app.config.isCustomElement
gilt mit dem Update als veraltet (deprecated) und sollte somit nicht mehr verwendet werden.
Neuer Lifecycle Hook
Entwickler haben die Möglichkeit, den Lifecycle Hook onServerPrefetch
der Composition API hinzuzufügen, der die übergebene Handler-Funktion mit der Komponentenoption serverPrefetch
zusammenführt.
Für die Vue-Devtools gibt es ebenso Neuigkeiten: Das verantwortliche Entwicklerteam hat an der Unterstützung der Komponente KeepAlive gearbeitet. Entwickler haben die Möglichkeit, auf die zwischengespeicherten vnodes
aus der KeepAlive-Komponente zuzugreifen, um sie dann im Komponentenbaum als inaktiv anzeigen zu lassen. Nähere Informationen zu "Pluto" (Vue 3.1) finden sich in den Release Notes auf GitHub.
(mdo)