Vue.js: Anleitungen und Praxiswissen | Seite 8 | mironsoft Blog
Vue.js
-
13.08.2025
Wer Vue-Projekte ohne durchdachte Dateistruktur aufbaut, kämpft spätestens beim zweiten Entwickler mit unklaren Verantwortlichkeiten und zirkulären Abhängigkeiten. Feature-basierte Vue-Architektur mit klar definierten Schichten und Composables als Herzstück löst dieses Problem strukturell, bevor es den Alltag verlangsamt.
-
08.08.2025
Ein Formular, das dem Nutzer erst nach dem Absenden mitteilt, dass die E-Mail-Adresse bereits vergeben ist, schafft vermeidbare Frustration. Professionelle Formularimplementierung in Vue 3 bedeutet: Dirty State erkennen, Validierung zum richtigen Zeitpunkt zeigen und asynchrone Checks sauber mit Debounce und Ladezustand integrieren.
-
05.08.2025
Ändert man zehn Refs hintereinander, rendert Vue nicht zehnmal, sondern einmal. Der Reactivity Scheduler bündelt DOM-Updates über die Microtask-Queue, und nextTick() ist das Werkzeug, um zuverlässig auf genau diesen Zeitpunkt zu warten, statt sich auf zufällige Reihenfolge zu verlassen.
-
31.07.2025
useFetch ist im Kern ein Convenience-Wrapper um useAsyncData in Kombination mit $fetch. Sobald eigene Transform-Funktionen, präzise Caching-Keys oder eine komplexere Datenquelle jenseits eines einfachen HTTP-Requests ins Spiel kommen, ist der direkte Griff zu useAsyncData meist die klarere Wahl.
-
27.07.2025
Ionic Vue liefert eine Komponentenbibliothek, die sich auf iOS wie eine native Cupertino-App und auf Android wie eine native Material-App verhält, ohne dass zwei separate UI-Schichten gepflegt werden müssen. Navigation-Stacks, Gesten und Theming sind fertig integriert und lassen sich direkt in Vue-3-Komponenten verwenden.
-
25.07.2025
Ein Vue Checkout Flow entscheidet direkt über die Conversion Rate eines Magento Shops. Wer Schritte, Validierung und Abbruch-Tracking sauber trennt, verhindert, dass Nutzer wegen unklarer Fehlermeldungen oder verlorenem Fortschritt kurz vor dem Kaufabschluss abspringen.
-
24.07.2025
Vue 2 hat sein End-of-Life erreicht. Die Migration auf Vue 3 ist kein einfaches Dependency-Update — sie betrifft das reaktive System, den Lifecycle, die Build-Pipeline und viele Bibliotheken gleichzeitig. Wer sie realistisch plant, statt sie zu unterschätzen, schließt sie auch ab.
-
23.07.2025
Ein Custom Ref gibt vollständige Kontrolle über Dependency Tracking und Update-Auslösung. Wer die customRef API versteht, kann Debounce, Validierung, Storage-Synchronisation und andere Muster als sauberes, wiederverwendbares reaktives Primitiv kapseln, statt sie in jeder Komponente neu zusammenzuklicken.
-
01.07.2025
Passkeys ersetzen das klassische Passwort durch ein kryptografisches Schlüsselpaar, das der Browser über die WebAuthn-API verwaltet. In diesem Artikel zeigen wir, wie eine Nuxt-Anwendung die Registrierung und Anmeldung per Passkey umsetzt, welche Rolle die Nitro-Server-Routes bei der Challenge-Generierung spielen und warum ein Fallback für ältere Browser weiterhin notwendig ist.
-
28.06.2025
Ein Button mit 30 Tailwind-Klassen im Template ist kein Tailwind-Problem – es ist ein Architekturproblem. Vue und Tailwind lassen sich so kombinieren, dass Klassenlogik in computed-Properties lebt, Varianten durch cva verwaltet werden und Templates lesbar bleiben, ohne auf die Expressivität von Tailwind zu verzichten.