Was Sie über Vue.js wissen sollten.

0

Stichwort.

js ist ein “leichtgewichtiges” Framework zur Entwicklung grafischer Benutzeroberflächen für Webanwendungen.

Vue wird derzeit entwickelt.

js wird, anders als beispielsweise React, nicht von einer großen Firma entwickelt, sondern von einem kleinen Team, das seit der ersten Version von Vue zusammenarbeitet.

js im Jahr 2014 um den ursprünglichen Autor Evan You herum entwickelt hat.

Mit Vue.

js ist ein Framework zur Entwicklung von grafischen Benutzeroberflächen für Webanwendungen.

Aber was gibt es noch über Vue.

js zu wissen? Und wie unterscheidet es sich von React?

Die Kompositions-API von Vue.

js 3
Einzeldatei-Komponenten
Warum Vue.

js?
VueX und Nuxt.

js
Schlussfolgerung

Zusätzlich zu den HTML-Attributen wird die Vue.

js zur Verfügung stellt, wird im Hintergrund ein JavaScript-Objekt erzeugt, die sogenannte “Instanz”, die Daten und Funktionen bereitstellt, auf die aus dem HTML-Code zugegriffen werden kann.

Dabei wird auch der Zustand der Anwendung, der so genannte “state”, verwaltet.

Insgesamt, Vue.

js erinnert also stark an Angular 1 und Knockout.

js – ist aber wesentlich leistungsfähiger und performanter als diese Tools.

Evan You ist es immer sehr gut gelungen, ein Gleichgewicht zwischen Einfachheit und Funktionalität herzustellen.

Dies ist der Grund, warum Vue.

js viel leichter zu erlernen als z.B. React, aber funktional kann es leicht mithalten.

Der Ansatz von Vue.

js ist den klassischen Templating-Sprachen ähnlich: Das grundlegende HTML-Framework wird erweitert und durch proprietäre Attribute ergänzt, die das Rendering steuern.

Diese Attribute beginnen mit Vue.

js beginnt immer mit dem Kürzel v-, z.B. v-for steht für Schleifen, v-if für Bedingungen und v-on für die Registrierung von Event-Handlern.

Das Framework unterscheidet sich auch in anderer Hinsicht erheblich von React.

Das auffälligste ist sicherlich das Vue.

js sich nicht auf JavaScript, sondern auf HTML konzentriert.

Im Übrigen ist die Arbeit mit Vue. js ähnlich.

js ähnelt viel mehr der klassischen Webentwicklung, da man direkter mit HTML und CSS zu tun hat als mit React.

Allerdings skalieren sie schlecht.

Das bedeutet, dass sie für umfangreiche und komplexe Anwendungen nur bedingt geeignet sind: Der Grund liegt einfach darin, dass die Trennung in Daten und Funktionen eine technische Trennung ist, die nicht mit der technischen Logik der Anwendung einhergeht.

Auf diese Weise werden nicht die Dinge gruppiert, die einen inhaltlich-logischen Bezug haben, sondern technische Konstrukte, die nichts gemeinsam haben, außer dass sie technische Konstrukte eines bestimmten Typs sind.

In früheren Versionen hatte die Instanz unter anderem zwei Eigenschaften, Daten und Methoden.

Während die eine dazu gedacht war, Daten zu halten, konnte die andere an Funktionen zur Manipulation der Daten angehängt werden.

Diese Leitplanken haben bei der Einführung von Vue eine wichtige Rolle gespielt.

js so einfach wie möglich zu machen.

Genau zu diesem Zweck hat Vue.

js 3, das im September 2020 veröffentlicht wurde, eine neue API, nämlich die “Composition API”.

Obwohl sie optional ist und zu den fortgeschrittenen Konzepten in der (übrigens ausgezeichneten) Dokumentation zählt, sollte sie jedem Entwickler, der mit Vue. js vertraut ist, zur Verfügung stehen.

js sollte damit vertraut sein.

Die neue API verändert die Art und Weise, wie State verwaltet wird, erheblich.

Darüber hinaus besteht die Möglichkeit, verwandte Daten und Funktionen an Unterfunktionen auszulagern, die per Setup aufgerufen werden.

Auf diese Weise kann die Anwendungslogik sozusagen “komponiert” werden, was en passant den Namen der neuen API erklärt.

Genau das ändert die Composition API: Auf den ersten Blick stellt sie lediglich die neue Setup-Funktion vor, die nun ein Objekt mit Daten und Funktionen zurückgibt.

Entscheidend ist aber, dass diese Daten und Funktionen innerhalb der Setup-Funktion beliebig definiert und gruppiert werden können – auch nach technischen Kriterien.

Daher kann Anwendungscode mit Hilfe der Composition API wesentlich besser als bisher strukturiert werden.

Da die meisten Editoren und IDEs inzwischen auch hervorragende Unterstützung für .

vue-Dateien bieten, können SFCs mit allen modernen Annehmlichkeiten, einschließlich Syntaxhervorhebung und Autokomplettierung, entworfen und entwickelt werden.

Vue.

js führt die SFCs nicht von Anfang an in die Dokumentation ein, da dies separate Build-Tools erfordert, aber es wird empfohlen, jede Anwendung, die über ein erstes Beispiel hinausgeht, mit diesen Komponenten zu strukturieren.

Ähnlich wie bei den JSX-Dateien von React, die JavaScript und HTML-ähnliches Markup in einer Datei kombinieren, weiß Vue

js hat auch ein spezielles Dateiformat mit der Dateierweiterung .

vue.

Diese Dateien können drei HTML-Elemente der obersten Ebene enthalten: ,

Share.

Leave A Reply