Vue.js - schnell & kompakt

Möchten Sie eine möglichst kompakte Web-Applikation anbieten, die schnell erstellt und gelaunched werden kann, so würden wir Ihnen dringend empfehlen, sich Vue.js näher anzusehen. Wir beraten Sie gerne und freuen uns auf einen Auftrag!

Entwerfen jetzt mit uns Ihre Vue.js-Applikation!
Time-schedule
Zeiteinsparung

Wir können Ihre Full-Stack-Applikation mit Vue.js und AWS binnen Stunden erstellen und launchen.

Visible
Live- und Testumgebung

Wir bieten Ihnen gerne zeitgleich zwei Varianten Ihrer Plattform an - eine private (Entwicklung & Testing) und eine öffentliche.

Box
Bausteine

Es stehen mit Vuetify von Vue.js viele vorgefertigte Bausteine zur Verfügung, um schnell konsistentes Design zu erstellen.

Star
Multifunktionalität

Sie wollen Statistiken anzeigen, komplexe Berechnungen durchführen, mehrere Benutzerrechte einführen? Wählen Sie Vue.js+AWS!

Grundlegendes zu Vue.js

Vue.js ist ein klassisches JavaScript Framework, das die Entwicklung von mächtigen Webapplikationen und Webplattformen ermöglicht. Bei Vue.js haben wir es mit einem noch relativ jungen Framework zu tun, bei welchem die Community noch dementsprechend klein gehalten ist (sie wächst stets und schnell!). Außerdem gibt es im Vergleich zu Angular noch nicht allzu viele Ressourcen. Dennoch kann man sagen, dass Vue.js vor allem mit vielen externen Bibliotheken kompatibel ist. Außerdem, so sagt man, ist Vue.js um einiges leichter zu erlernen, da die API viel einfacher gehalten ist als beispielsweise jene von Angular. Auch die Code-Strukturierung des Projekts ist nicht allzu komplex wie beim genannten Konkurrenten, da beispielsweise das Template (HTML), das Design (CSS) und die Funktionalität (JavaScript) in einem File enthalten sind. Manche kritisieren diese Zusammenlegung, da große Screens lange Files vorweisen können, jedoch sollte so und so ein modularer Aufbau angestrebt werden, sodass die File-Größe auch in diesem Fall möglichst klein gehalten werden kann.

Wie auch bei Angular erstellt man bei Vue.js im Allgemeinen Single-Page-Webanwendungen (siehe auch unser Blog-Beitrag „Single-Page Applications“). Der Entwurf der Applikation erfolgt nicht nach dem klassischen Model-View-Controller (MVC) Muster, sondern nach dem adaptierten Model-View-ViewModel (MVVM) Muster, sodass die Logik und die Darstellung des User Interfaces (Benutzerschnittstelle zu Deutsch) aufgetrennt werden kann. Mittels Datenbindung (Programmierer verwenden den allgemeinen Begriff „Data Binding“) kann man also die Darstellung vom Model trennen. „Entkoppeln“ wäre ein falscher Begriff, denn eigentlich ist durch das Data Binding eine gewisse Kopplung gegeben, was paradox klingen mag, jedoch nach einiger Überlegung durchaus Sinn macht. Man koppelt im engeren Sinn die Aus- und Eingabe direkt an die Datenquelle – dadurch spart man sich das direkte, manuelle Auslesen der Daten aus den HTML-Elementen.

Aufbau und Komponenten von Vue.js

Vom Aufbau ist Vue.js einfach zu verstehen. Es gibt stets eine (manchmal auch mehrere) zentrale Vue-Instanz(en), die mit einem jeweiligen HTML-Knoten verknüpft ist (sind). Darüber hinaus kann man schließlich auch Komponenten mit einem eigenen HTML-Template hinzufügen, um die Funktionalität zu erweitern. Durch das Verwenden der sogenannten „Double Curly Syntax“ (also „{{ … }}“) wird das Data Binding realisiert und direkt in das HTML Dokument eingegriffen. Natürlich gibt es auch in Vue.js Direktiven, die es ermöglichen, im HTML durch eine Liste zu iterieren, Elemente nur unter gewissen Bedingungen anzuzeigen beziehungsweise in das HTML zu integrieren, man kann Events abfangen oder auch Attribute an Variablen binden.

Um nun auch noch das Routing zu erklären, also wie man von einer Seite zu einer anderen inklusive einer Historie navigieren kann, so sei gesagt, dass ein Komponenten-Router angeboten wird, der es sehr leicht ermöglicht, Komponenten zu Pfaden zu binden und somit genau dann einzuzeigen, wenn ein gewisser Pfad matcht.

Zusammenarbeit in Vue.js

Wenn Sie noch den richtigen Entwickler für Ihre Vue-Applikation suchen, so können wir Ihnen stets auch gerne gesamte Full-Stack Applikationen anbieten. Das bedeutet, dass wir nicht nur Requirements Engineering, das Design und das Frontend entwerfen und implementieren, sondern ebenfalls das Backend dazu anbieten können. Wie Sie unseren Angeboten stets entnehmen können, sind wir nicht nur auf Vue.js (oder Alternativen) im Frontend spezialisiert, sondern können diese Applikationen und Plattformen vor allem auch direkt mit dem selbst zu entwickelnden Backend verbinden. Diese Lösungen basieren zumeist auf AWS-Lösungen, sodass wir hier eine breite Auswahl an Möglichkeiten haben. Möchten Sie sich darüber näher informieren, so lesen Sie bitte unseren Artikel über das Backend durch.

Wir danken Ihnen für Ihr reges Interesse an Vue.js und hoffen, Ihnen Geschmack an diesem jungen Framework gemacht zu haben. Natürlich würden wir uns sehr über eine Kontaktaufnahme freuen und hoffen, mit Ihnen gemeinsam Ihr nächstes Projekt starten zu können.

Arrow-up