JavaScript: Vue 2.5 erscheint mit besserer TypeScript-Integration
Die Verbesserungen des JavaScript-Frameworks gehen auf eine Zusammenarbeit mit dem TypeScript-Team zurück. Weitere Neuerungen sollen die Nutzung von Vue komfortabler machen.
Das progressive JavaScript-Framework Vue.js vollzieht den Sprung zu Version 2.5 [1]. Monumentale Veränderungen gibt es nicht, aber dank einer Zusammenarbeit mit dem TypeScript-Team bringt Vue.js 2.5 eine Verbesserung für Type-Deklarationen, die jetzt mit der Standard-API von Vue funktionieren, ohne einen Component-Klassen-Decorator zu benötigen. In einem detaillierten Blogpost [2] erklärt Evan You, Erschaffer von Vue, dass der Wegfall des vue-class-component-Decorator die Migration von Vue-Projekten nach TypeScript deutlich vereinfacht. Dies ist vor allem aufgrund neuer TypeScript-Features [3] möglich. Die verbesserte TypeScript-Unterstützung war schon seit dem Release von Vue 2.0 in Planung.
Auch die Art und Weise, wie Error Handling funktioniert, erhält ein Update. Verfügte Vue zwar bisher über config.errorHandler- und renderError-Komponenten, die Fehler in der Applikation respektive in Renderfunktionen gehandhabt haben, bringt Vue 2.5 zum ersten Mal eine Routine für generische Fehler in einem spezifischen Teil der Applikation: die errorCaptured-Hook. Damit geht man einen ähnlichen Weg wie React mit dem Error-Boundaries-Konzept, das erstmalig React 16 einführte. Außerdem besitzen funktionelle Komponenten in Vue jetzt eine Template-Kompilation [4], die es erleichtert, Leaf-Komponenten aus Performancegründen in funktionelle umzuwandeln.
Zusätzlich bietet das neu eingeführte Server-Rendering zum ersten Mal eine Unabhängigkeit von der Umgebung. Bisher nahm Vue immer eine Node.js-Umgebung an, was das Nutzen von alternativen JavaScript-Runtimes unmöglich machte. Dies eröffnet neue Möglichkeiten für den Einsatz von Vue, beispielsweise eine Integration des Vue-Server-Rendering in einen PHP-Prozess [5]. Eine detaillierte Liste aller Neuerungen finden Interessierte in den Release Notes [6]. (bbo [7])
URL dieses Artikels:
https://www.heise.de/-3862234
Links in diesem Artikel:
[1] https://medium.com/the-vue-point/vue-2-5-released-14bd65bf030b
[2] https://medium.com/the-vue-point/upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08
[3] https://github.com/Microsoft/TypeScript/pull/14141
[4] https://vue-loader.vuejs.org/en/features/functional.html
[5] https://gist.github.com/yyx990803/9bdff05e5468a60ced06c29c39114c6b#environment-agnostic-ssr
[6] https://github.com/vuejs/vue/releases/tag/v2.5.0
[7] mailto:bbo@ix.de
Copyright © 2017 Heise Medien