vuejs ist keine API. vuejs ist ein fortschrittliches JavaScript-Framework zum Erstellen von Benutzeroberflächen, das die Webentwicklung besser organisieren und vereinfachen soll. API bezieht sich auf eine Anwendungsprogrammierschnittstelle, bei der es sich um eine Reihe vordefinierter Funktionen handelt, die Anwendungen und Entwicklern die Möglichkeit geben, auf eine Reihe von Routinen basierend auf bestimmter Software oder Hardware zuzugreifen.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.
vuejs ist keine API.
Vue (ausgesprochen /vjuː/, ähnlich wie view) ist ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen, das zur besseren Organisation und Vereinfachung der Webentwicklung entwickelt wurde. Im Gegensatz zu anderen großen Frameworks ist Vue so konzipiert, dass es Schicht für Schicht von unten nach oben aufgetragen werden kann.
Vues Kernbibliothek konzentriert sich nur auf die Ansichtsebene, die nicht nur einfach zu starten ist, sondern auch leicht in Bibliotheken von Drittanbietern oder bestehende Projekte integriert werden kann. Andererseits ist Vue in Kombination mit einer modernen Toolkette und verschiedenen unterstützenden Bibliotheken durchaus in der Lage, Treiber für komplexe Single-Page-Anwendungen (SPA) bereitzustellen.
Vue.js bietet außerdem MVVM-Datenbindung und ein zusammensetzbares Komponentensystem mit einer einfachen und flexiblen API. Ziel ist es, eine reaktionsfähige Datenbindung und zusammensetzbare Ansichtskomponenten durch eine möglichst einfache API zu erreichen.
Und API (Application Programming Interface, Anwendungsprogrammierschnittstelle) sind einige vordefinierte Funktionen. Der Zweck besteht darin, Anwendungen und Entwicklern die Möglichkeit zu geben, auf eine Reihe von Routinen basierend auf bestimmter Software oder Hardware zuzugreifen, ohne auf den Quellcode zuzugreifen die Details des Innenlebens verstehen.
Einige APIs in vuejs
vm bezieht sich auf die von New Vue erhaltene Instanz
(1) Wenn der Wert im Dom-Tag an den Wert in den Daten gebunden ist, kann eine Änderung des den Daten entsprechenden Werts die aktualisieren Tag im Echtzeitwert;
aber der anschließend hinzugefügte Wert ist ungültig (Bindung fehlgeschlagen).
(2) Das Objekt kann direkt als Attribut von Daten verwendet werden, was gültig ist (da das Objekt als Wert übergeben wird).
Das Attribut und das Objekt sind also kongruent.
(3) Die Schnittstellen von vm sind:
vm.$data ist das Datenattribut von vm;
vm.$el ist der Dom-Knoten, auf den das el-Attribut zeigt;
vm.$watch dient zur Überwachung von Attributänderungen (z. B. dem Wert in Daten) (siehe (9))
(4) Es gibt mehrere Schlüsselfunktionen im Deklarationszyklus der Vue-Instanz:
Erstellt: Nach Abschluss der Ereignisbindung wird die Funktion direkt als Attribut in der Vue-Instanz verwendet Deklarieren der Vue-Instanz, dasselbe unten.
vm.$mount: Mounten Sie den Dom-Knoten;
compiled: nach dem Laden der Vorlage;
ready: nach der Zerstörung;
zerstört: nach der Zerstörung;
(5) vm.$mount (gemountete ID oder Klassenname)
Wenn Sie eine neue Vue-Instanz hinzufügen, ohne el hinzuzufügen, bedeutet dies, dass sie nicht gemountet, sondern nur nach der Generierung generiert wird kann diese Methode übergeben, um sie manuell an einer bestimmten Stelle zu mounten.
(6) v-for durchläuft Arrays und Objekte und kann beispielsweise mehrere Beschriftungen erstellen create Table;
(7) Escape: {{}} Zwei geschweifte Klammern maskieren das HTML-Tag des Werts.
{{}}} Drei geschweifte Klammern maskieren das HTML-Tag des Werts. es wird zu HTML-Text;
Sie können keine gebundenen Daten in den Wert einfügen (es sei denn, Sie verwenden Teilwerte, aber ich weiß noch nicht wie);
(8) Innerhalb der geschweiften Klammern der Interpolation können Sie Ausdrücke einfügen (das ist nicht möglich). Funktionen Sie die Rohrsymbol in den Curly Brackets der Interpolation und können Sie die Filter verwenden.
#类 V-ON: Ereignistyp = „Funktionsname“ Führen Sie die Funktion in Methoden aus; die Abkürzung von V-Bind lautet: (Doppelpunkt); 11) Die Berechnungsattribute der Attribute können hier als Datenattribute verwendet werden. Der Vorteil besteht darin, dass der Wert der DATEN hier geändert wird.
(12) Setter und Getter der berechneten Eigenschaften
Der Standardwert ist Getter (Get-Attribut des Objekts), dh wenn sich ein bestimmter Wert ändert, wird die Rückruffunktion (oder Get-Methode) ausgelöst.
Wenn sich das berechnete Attribut ändert, müssen bestimmte Werte geändert werden ( B. das Ändern von 10 Werten, in anderen Fällen Es ist nicht gut, die Überwachung dieses Werts lokal zu schreiben), dann müssen Sie den Setter (Set-Attribut des Objekts) festlegen, dh wenn sich das berechnete Attribut ändert, wird die Set-Methode ausgelöst ;
(13) Überwachungsattribut vm.$watch (überwachtes Attribut, Rückruffunktion)
Es überwacht das Datenattribut
Der erste Parameter der Rückruffunktion ist der Wert nach der Änderung und der zweite Parameter ist der Wert vor der Änderung;
Wird ausgelöst, wenn sich der Wert des Attributs ändert;
(14) Klassenbindung: raus raus ‐‐‐‐‐w‐binds Betrachtung ist eine Wirbelwindbasis und platziert dieses Objekt im Datenattribut. Legen Sie einfach die Attribute dieses Objektobjekts auf diese Weise fest.
Schreibmethode für Klassenarrays: Die Mitglieder im Array sind Variablennamen . Wenn die Variable kein Objektobjekt ist, ist der Wert der Variable der Klassenname; wenn es sich um ein Objekt handelt, ist der Schlüssel des Objekts der Klassenname und der Wert gibt an, ob der
(15)-Stil angezeigt wird Bindung:
Verwenden Sie v-bind:style
Das Formular ist ein Objekt und der Schlüssel des Objekts ist der Stilname (z. B. Schriftartgröße, bitte beachten Sie, dass der Stilname in Kamel-Schreibweise anstelle von CSS angegeben werden muss). und der Wert ist der Wert des Stils.
Sie können den Objektnamen direkt auf die rechte Seite der Gleichung von v-bind:style setzen.
Der Wert des Objekts ändert sich in Echtzeit. Wirkt sich auf Inline-Stile aus Für einige Stile können Sie Präfixe für Browser hinzufügen (einige sind jedoch nicht mit allen Browsern kompatibel).
Verwandte Empfehlungen: „
vue.js-Tutorial
“
Das obige ist der detaillierte Inhalt vonIst vuejs eine API?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
