Was ist Vue.js?

Vue ist ein Open Source-, Front-End-JavaScript-Framework zum Erstellen von Benutzeroberflächen und Einzelseitenanwendungen im Web. Erstellt von Evan You, veröffentlicht im Jahr 2014 und verwaltet von Evan und seinem Kernteam, konzentriert sich Vue auf deklaratives Rendering und Komponentenkomposition, die nur eine Kernbibliothek für die Ansichtsebene bietet.

Wenn Sie eine vom Server gerenderte Vue-Web-App mit erweiterten Features wie Routing, Zustandsverwaltung und Build-Tools erstellen möchten, sehen Sie sich Nuxt.jsan.

Was macht Vue einzigartig?

Vue verwendet eine Model-View-ViewModel-Architektur. Evan You arbeitete zuvor bei AngularJS bei Google und extrahierte Teile von Angular, um ein einfacheres Framework zu bieten. Vue ist auf ähnliche Weise wie React, Angular, Ember, Knockout usw. In der Vue-Dokumentation finden Sie einen ausführlicheren Vergleich mit diesen anderen JavaScript-Frameworks.

Was können Sie mit Vue tun?

• Erstelle eine Single-Page-Anwendung (SPA)
• Verwenden Sie nur eine Komponente von Vue , um Ihrer App eine einfache to-do-Liste hinzuzufügen oder komplexere Beispiele
• Erstellen Sie eine servergerenderte Website mit einem Node.js-Backend und mit Hilfe von Nuxt.js.

Vue-Werkzeuge

Vue.js ist nur auf die Ansichtsebene ausgerichtet, daher können zusätzliche Tools erforderlich sein, um eine komplexere App zu erstellen. Sie könnten Folgendes in Erwägung ziehen:

• Paket-Manager: Zwei beliebte Paketmanager für Vue sind npm (der in NodeJS enthalten ist) und yarn. Beide unterstützen eine breite Bibliothek mit gut gepflegten Paketen, die installiert werden können.
• Vue CLI: ein Standard-Toolkit für schnelle Vue.js Entwicklung mit sofort einsatzbereiter Unterstützung für Babel, PostCSS, TypeScript, ESLint usw.
• Nuxt.js: Ein Framework, um serverseitig gerenderte Vue.js-Apps möglich zu machen. Das serverseitige Rendering kann SEO verbessern und Benutzeroberflächen reaktionsfähiger machen.
• Vue Erweiterungspaket für VS Code: Fügt Ihren Vue-Dateien Syntaxmarkierungen, Codeformatierungen und Codeausschnitte hinzu.
• Vuetify: Eine Vue UI-Bibliothek, die Komponenten des Material design Framework bietet.
• Vuesion: Eine Vue-Vorlage für produktionsreife Progressive-Web-Apps (PWAs).
• Storybook: Eine Entwicklungs- und Testumgebung für Vue-Benutzeroberflächenkomponenten.
• Vue Router: Unterstützt die Zuordnung von Anwendungs-URLs zu Vue-Komponenten.
• Vue Design System: Ein Open-Source-Tool zum Erstellen von Designsystemen mit Vue.js.
• VueX: Zustandsverwaltungssystem für Vue-Apps.

Weitere Ressourcen

• Vue-Dokumentation
• Vue.js Übersicht
• Installieren Vue.js auf WSL-
• Installiere Vue.js unter Windows
• installieren Nuxt.js
• Erste Schritte mit dem Vue.js Lernpfad machen
• Probieren Sie ein Vue-Tutorial mit VS Code aus