Freigeben über

Was ist Vue.js?

  • Artikel

Vue ist ein Open-Source Front-End JavaScript-Framework zum Erstellen von Benutzeroberflächen und Single-Page-Anwendungen im Internet. Vue wurde ursprünglich von Evan You kreiert und 2014 veröffentlicht. Es wird von Evan und seinem Kernteam verwaltet. Vue konzentriert sich auf deklaratives Rendering und Komponentenkomposition, die eine Kernbibliothek nur für die Ansichtsebene bietet.

Wenn Sie eine server-gerenderte Vue-Web-App mit erweiterten Features wie Routing, Zustandsverwaltung und Buildtools erstellen möchten, sehen Sie sich Nuxt.js an.

Was macht Vue einzigartig?

Vue verwendet eine Architektur mit einer Modell-Ansicht-Ansichtsmodell-Struktur. Evan You hat zuvor bei Google an AngularJS gearbeitet und Teile von Angular extrahiert, um eine einfacheres Framework anzubieten. In vielerlei Hinsicht ist Vue ähnlich wie React, Angular, Ember, Knockout usw. Eine ausführliche Vergleichsanalyse mit diesen anderen JavaScript-Frameworks finden Sie in der Vue-Dokumentation.

Wozu kann ich Vue nutzen?

Vue-Tools

Da Vue sich rein auf die Ansichtsebene konzentriert, sind zum Erstellen komplexerer Apps möglicherweise zusätzliche Tools notwendig. Für Sie infrage kommen könnten:

  • Paket-Manager: Zwei beliebte Paket-Manager für Vue sind NPM (in NodeJS enthalten) und Yarn. Beide unterstützen eine umfassende Bibliothek mit gut verwalteten Paketen, die installiert werden können.
  • Vue CLI: Ein Standardtoolkit für schnelle Vue.js-Entwicklung mit standardmäßiger Unterstützung für Babel, PostCSS, TypeScript, ESLint usw.
  • Nuxt.js: Ein Framework, um serverseitig gerenderte Vue.js-Apps zu ermöglichen. Serverseitiges Rendern kann die SEO verbessern und sorgt für reaktionsschnellere Benutzeroberflächen.
  • Vue-Erweiterungspaket für VS Code: Fügt Ihren .vue-Dateien Syntaxhervorhebung, Codeformatierung und Code-Snippets hinzu.
  • Vuetify: Eine Benutzeroberflächenbibliothek für Vue, die Komponenten für ein Material Design Framework bietet.
  • Vuesion: Vue-Standardbausteine für produktionsreife Progressive Web-Apps (PWAs).
  • Storyboo:Eine Entwicklungs- und Testumgebung für Vue-Benutzeroberflächenkomponenten.
  • Vue-Router: Unterstützt das Zuordnen von Anwendungs-URLs zu Vue-Komponenten.
  • Vue Design System: Ein Open Source-Tool zum Erstellen von Entwurfssystemen mit Vue.js.
  • VueX: Zustandsverwaltungssystem für Vue-Apps.

Zusätzliche Ressourcen