Migration von Vue 2 zu Vue 3: Wichtige Änderungen bei v-for und v-if

Vue 2 und Vue 3 nutzen häufig die Directives v-for und v-if, die unter anderem dazu dienen, Listen unbekannter Länge oder bedingte Inhalte in Vue-Anwendungen darzustellen. Die Funktionsweise dieser Directives hat sich in Vue 3 jedoch verändert, was sich auf Ihre Code-Verwendung auswirkt. Der Hauptunterschied zwischen Vue 2 und Vue 3 in Bezug auf v-for … Weiterlesen …

Web Push Benachrichtigungen in Laravel und Vue.JS Anwendungen

In diesem Blog-Beitrag zeigen wir, wie man Web-Push-Benachrichtigungen zu einem Laravel-Backend mit einem Vue.js-Frontend hinzufügen kann. Web-Push-Benachrichtigungen ermöglichen es, Benachrichtigungen an Benutzer zu senden, auch wenn diese die Website nicht aktiv nutzen. Dies kann in einer Vielzahl von Situationen nützlich sein, zum Beispiel wenn Benutzer über neue Tickets in einem Ticketsystem benachrichtigt werden sollen, wie … Weiterlesen …

Vue.JS mit Vue Router: Hash Zeichen in URL entfernen

SPA mit Vue Router können mithilfe des History Modes komplette URLs anzeigen – diese sind allerdings lediglich simuliert. Alles nach dem Hash ist nicht Teil der URL und wird nur vom Router verwendet, um dem Benutzer den richtigen Inhalt anzuzeigen. Dies hat negative Auswirkungen auf das SEO. Wie wir den Hash entfernen und aus unseren … Weiterlesen …

Back Funktion in Vue mit Vue-Router abfangen

Bei der Entwicklung von Vue Webanwendungen hat man in der Regel mehrere Ansichten oder Dialoge innerhalb einer Unterseite. Bei dem Betätigen der Zurücktaste im Browser oder direkt an der Maus wird allerdings die letzte Seite in der History geöffnet. Etwaige Fortschritte gehen somit verloren. Eine einfache Möglichkeit dieses Verhalten abzufangen sind Router Guards. Wir können … Weiterlesen …