Vue.js: Anleitungen und Praxiswissen | Seite 13 | mironsoft Blog
Vue.js
-
14.02.2025
Über die extends-Property in der nuxt.config.ts lassen sich ganze Nuxt-Projekte als Basis-Layer wiederverwenden, inklusive Komponenten, Composables, Layouts und Konfiguration. Für Multi-Brand-Setups mit einem gemeinsamen Kern und markenspezifischen Overrides ist das oft eine leichtgewichtigere Lösung als ein klassisches Monorepo mit separaten npm-Paketen.
-
10.02.2025
Volar ist der Name der VS-Code-Extension, der zugrundeliegende Vue Language Server ist das eigentliche Sprachserver-Backend, das Typüberprüfung, Autovervollständigung und Fehlerdiagnose in Single File Components bereitstellt. Wer versteht, wie beide Ebenen zusammenspielen, löst IDE-Probleme in Vue-3-Projekten deutlich gezielter, statt wahllos Erweiterungen zu installieren und wieder zu deinstallieren.
-
06.02.2025
Wer Infinite Scroll, Pagination und Suchfilter nachträglich zusammenführt, kämpft mit Race Conditions, doppelten Requests und verlorenen URL-States. Vue.js bietet mit Composables, watchEffect und reaktiven Query-Parametern alle Werkzeuge, um diese drei Mechanismen von Anfang an sauber zu einer stabilen Such-UI zu verbinden.
-
04.02.2025
Wer jedes Objekt in Vue 3 blind mit reactive umwandelt, zahlt bei großen Datenmengen einen messbaren Proxy-Overhead. Diese Vue Reaktivitäts Performance Anleitung zeigt, wie shallowRef, shallowReactive, markRaw und toRaw das Reaktivitätssystem gezielt entlasten, ohne Funktionalität zu verlieren.
-
01.02.2025
VueUse bündelt über zweihundert fertige Composables für Storage, Sensoren, Zeitgeber und Browser-APIs. Wer diese Bibliothek gezielt statt pauschal einsetzt, spart nicht nur Zeit beim Schreiben eigener Utility-Funktionen, sondern reduziert auch Bugs bei Edge-Fällen wie SSR, Cleanup und Reaktivität, die in selbst geschriebenen Composables leicht übersehen werden.
-
24.01.2025
Die Wahl der richtigen Vue 3-Komponentenbibliothek entscheidet über Accessibility, Bundle-Größe und wie viel Design-Kontrolle das Team behält. Headless UI, Radix Vue, shadcn/vue, PrimeVue und Naive UI verfolgen grundlegend verschiedene Philosophien – dieser Artikel zeigt, welche für welchen Kontext die richtige ist.
-
21.01.2025
Die Composition API gibt Entwicklern maximale Freiheit bei der Strukturierung von Komponenten – und genau das ist das Problem. Ohne klare Konventionen wachsen setup()-Funktionen zu unlesbaren Blöcken mit hundert Zeilen vermischter Logik. Dieser Guide zeigt, wie die Vue Composition API so strukturiert wird, dass Komponenten wartbar bleiben, auch wenn sie komplex werden.
-
17.01.2025
Unoptimierte Bilder sind auf den meisten Websites die größte einzelne Ursache für schlechte Core Web Vitals. Das Nuxt Image Modul automatisiert Formatkonvertierung, responsive Größen und Lazy Loading, sodass eine einzige Komponente aus einem rohen Upload das passende Bild für jedes Gerät und jede Netzwerkverbindung generiert, ohne manuelle Bildbearbeitung im Vorfeld.
-
12.01.2025
Mit defineCustomElement() lässt sich jede Vue-Komponente in ein echtes, standardkonformes Custom Element verwandeln, das sich wie ein natives HTML-Element in beliebigen Umgebungen einsetzen lässt, auch ohne dass die umgebende Anwendung selbst Vue verwendet. Dieser Artikel zeigt die API im Detail, wie Shadow-DOM-Kapselung Styling-Konflikte verhindert und wo die Einschränkungen gegenüber einer normalen Vue-Komponente liegen.
-
12.01.2025
Die Migration von der Options API zur Composition API muss keine Komponente auf einmal komplett umbauen. Vue 3 erlaubt beide Stile im selben Projekt gleichzeitig, wodurch data, methods und computed Komponente für Komponente sauber in die Composition API übersetzt werden können, während der Rest der Anwendung unverändert weiterläuft.