Vue.js 3.2: Code sparen in Single File Components

Seite 4: Vielversprechende Möglichkeiten

Inhaltsverzeichnis

Mit der Composition API hat Vue.js 3.0 eine attraktive, wenn auch anfangs ungewohnte Schreibweise für Komponenten hinzugewonnen. <script setup> baut in Vue.js 3.2 die Ergonomie der Composition API deutlich aus. Die vorherige Options-API bleibt aber bestehen, ein Neuschreiben ist also nicht notwendig. Dennoch hat sich das Vue-Team in jüngster Zeit dazu bekannt, dass SFCs, Composition API und <script setup> den empfohlenen Ansatz für das Entwickeln neuer Vue.js-Applikationen darstellen.

Auch der weitere Syntactic Sugar, der zum Zeitpunkt der Veröffentlichung dieses Artikels noch als experimentell galt, sieht bereits vielversprechend aus. Wer bei neuen Projekten noch zwischen Vue.js 2 und Vue.js 3 schwankt, sollte daher auf jeden Fall Version 3 mit <script setup> ausprobieren.

Alexander von Studnitz
ist ein Softwareentwickler bei der clickbar. GmbH in Darmstadt. Sein Fokus ist die Webentwicklung, insbesondere mit den Frameworks Laravel, Vue.js und Tailwind CSS.

(mai)