Heim > Web-Frontend > js-Tutorial > Hauptteil

Vue.js implementiert die gemeinsame Nutzung von benutzerdefiniertem Befehlscode

零到壹度
Freigeben: 2018-04-21 11:09:25
Original
1469 Leute haben es durchsucht

Benutzerdefinierte Anweisungen werden verwendet, um DOM zu manipulieren. Obwohl Vue das Konzept datengesteuerter Ansichten fördert, sind nicht alle Situationen für datengesteuerte Ansichten geeignet. Benutzerdefinierte Anweisungen sind eine wirksame Ergänzung und Erweiterung. Sie können nicht nur zur Definition beliebiger DOM-Operationen verwendet werden, sondern sind auch wiederverwendbar.

Das Laden von Google-Bildern ist beispielsweise sehr elegant. Bevor das Bild geladen wird, wird eine zufällige Hintergrundfarbe als Platzhalter verwendet und das Bild wird direkt nach dem Laden gerendert geladen. Diese Funktion kann sehr komfortabel über benutzerdefinierte Anweisungen implementiert werden.
Vue.js implementiert die gemeinsame Nutzung von benutzerdefiniertem Befehlscode
Vue.js implementiert die gemeinsame Nutzung von benutzerdefiniertem Befehlscode

Die zweite Verwendung benutzerdefinierter Anweisungen besteht darin, Plug-Ins von Drittanbietern zu integrieren. Wir wissen, dass jeder Bereich der Softwareentwicklung in vier Schichten unterteilt werden kann: Die unterste Schicht ist die native API, die obere Schicht ist das allgemeine Framework, die obere Schicht sind die allgemeinen Komponenten und die oberste Schicht ist der spezifische Geschäftscode. Ein universelles Framework muss mit einem vollständigen Satz universeller Komponenten ausgestattet sein, um seinen Status in der Welt wirklich zu etablieren.

Im Bereich der Front-End-Entwicklung war jQuery das bisherige gemeinsame Framework, und auf jQuery basierende gemeinsame Komponenten bildeten ein riesiges Produktionssystem. Die derzeit gängigen Frameworks sind Angular, React und Vue, und jedes Framework muss eine neue Komponentenbibliothek aufbauen, die auf sich selbst basiert. Das Gute an benutzerdefinierten Anweisungen ist, dass die ursprünglichen gemeinsamen Komponenten, ob reine JS- oder jQuery-basierte, direkt übernommen werden können, ohne dass Änderungen oder Rekonstruktionen erforderlich sind.

Highlight.js wird beispielsweise normalerweise beim Schreiben von Dokumenten verwendet. Wir können es direkt als benutzerdefinierte Anweisung kapseln, sodass Highlight.js zu einer neuen Funktion von Vue wird.
Vue.js implementiert die gemeinsame Nutzung von benutzerdefiniertem Befehlscode

Vue.js implementiert die gemeinsame Nutzung von benutzerdefiniertem Befehlscode
Vue.js implementiert die gemeinsame Nutzung von benutzerdefiniertem Befehlscode

Jedes Mal, wenn Sie auf das Problem stoßen, wie Sie Plug-Ins von Drittanbietern in Vue.js integrieren können, können Sie dies tun Versuchen Sie, benutzerdefinierte Anweisungen zu verwenden, um dies zu erreichen.


Verwandte Empfehlungen:

Benutzerdefinierter Befehl

Angualar 1 Die Verwendung benutzerdefinierter Anweisungen – Meldungsfeld

Elemente zur Implementierung benutzerdefinierter Winkelanweisungen können beliebig verschoben werden

Erstellung von benutzerdefinierten Windows-Befehlen

Das obige ist der detaillierte Inhalt vonVue.js implementiert die gemeinsame Nutzung von benutzerdefiniertem Befehlscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage