Vue (ausgesprochen /vjuː/, wie das englische view) ist ein sehr beliebtes JavaScript-Framework zur Erstellung von Benutzeroberflächen. Es baut auf Standard-HTML, -CSS und -JavaScript auf und bietet ein deklaratives und komponentenbasiertes Programmiermodell, das Sie bei der effizienten Entwicklung von Benutzeroberflächen unterstützt, seien sie einfach oder komplex. Zunächst mal werden wir die Begriffe deklaratives Rendering und Reaktivität erörtern:
Deklaratives Rendering
Vue erweitert den HTML-Standard um eine Template-Syntax, welche es dem Entwickler ermöglicht, die HTML-Ausgabe auf der Grundlage des JavaScript-Zustands deklarativ zu beschreiben.
Reaktivität
Vue verfolgt automatisch JavaScript-Zustandsänderungen und aktualisiert das DOM (Document Object Model) sehr effizient, wenn Änderungen auftreten.
Vue ist ein progressives Framework
Dabei ist Vue gleichzeitig ein Framework und ein Ökosystem, das die meisten der in der Frontend-Entwicklung benötigten Funktionen abdeckt. Jedoch ist das Web extrem vielfältig – die Dinge, die wir im Web bauen, können in Form und Umfang drastisch variieren. Von kleinen Websites zu sehr großen Anwendungen mit vielen Funktionen muss alles abgedeckt werden. Aus diesem Grund ist Vue so konzipiert, dass es flexibel und schrittweise anpassbar ist. Je nach Anwendungsfall kann Vue auf unterschiedliche Weise eingesetzt werden:
- Erweitern von statischen HTML-Webseiten ohne einen Build-Schritt
- Einbettung als Webkomponenten auf einer einzelnen beliebigen Seite
- Single-Page Anwendung (SPA)
- Fullstack / Server-seitiges Rendering (SSR – Server Side Rendering)
- Jamstack / Statische Seitengenerierung (SSG – Static Site Generation)
Trotz der Flexibilität ist das Kernwissen über die Funktionsweise von Vue für alle diese Anwendungsfälle gleich. Selbst wenn man nur ein Anfänger ist und noch keine Erfahrung mit Vue gesammelt hat, wird das Wissen, das man auf dem Weg erworben hat, nützlich sein, wenn man in der Zukunft ehrgeizigere Ziele in Angriff nehmen will. Wenn Sie ein sogenannter Vue-Veteran sind, können Sie den optimalen Weg wählen, um Vue zu nutzen, basierend auf den Problemen, die Sie zu lösen versuchen, während Sie die gleiche Produktivität beibehalten. Aus diesem Grund nennen wir Vue ein progressives Framework: Es ist ein Framework, das mit der Erfahrung des Entwicklers wachsen und sich den Bedürfnissen anpassen kann.
Wo kann ich mehr über Vue erfahren?
Es lohnt sich, einen Blick auf die Webseite von Vue und in die Dokumentation zu werfen. Dort stehen Ihnen Code-Beispiele und Schritt-für-Schritt-Anleitungen zur Verfügung.
Unterstützung in Vue benötigt?
Als ein Softwareunternehmen in München haben wir fundiertes Wissen und eine umfangreiche Expertise mit dem Vue Web Framework. Wir setzen das Framework sowohl für kleine Single-Page-Applications, als auch für große Projekte ein. Schreiben Sie uns!
