Inhaltsverzeichnis:

Was ist eine Vue-Komponente?
Was ist eine Vue-Komponente?

Video: Was ist eine Vue-Komponente?

Video: Was ist eine Vue-Komponente?
Video: Wie verschachteln wir Komponenten | Vue.js in a Nutshell 2024, Kann
Anonim

Komponenten sind wiederverwendbar Vue Instanzen mit einem Namen: in diesem Fall. Das können wir gebrauchen Komponente als benutzerdefiniertes Element innerhalb einer Wurzel Vue Instanz erstellt mit neu Vue :

Neu Vue ({ el: '# Komponenten -demo' }) Du hast 0 Mal auf mich geklickt.

Wie verwende ich dementsprechend meine Vue-Komponente in einer anderen Komponente?

Wenn Sie ein wenig mit Vue Single File Components gespielt haben, wissen Sie wahrscheinlich, wie man eine Komponente von einer anderen „aufruft“:

  1. Importieren Sie die untergeordnete Komponente.
  2. Registrieren Sie es im Komponentenobjekt der übergeordneten Komponente.
  3. Fügen Sie die Komponente der Vorlagen-/Renderfunktion hinzu.

Basiert die Vue-Komponente neben dem oben genannten? Ein Leitfaden für Anfänger zum Arbeiten mit Komponenten in Vue . Eines der großartigen Dinge an der Zusammenarbeit mit Vue ist es Komponente - basierend Ansatz zum Erstellen von Benutzeroberflächen. Auf diese Weise können Sie Ihre Anwendung in kleinere, wiederverwendbare Teile aufteilen ( Komponenten ), die Sie dann verwenden können, um eine kompliziertere Struktur aufzubauen.

Wie benenne ich außerdem meine Vue-Komponenten?

Vue-Komponentennamen muss auch sein: Spezifikation der benutzerdefinierten Elementspezifikation: Bindestrich einschließen, nicht reserviert verwenden Namen.

Jeder Komponentenname muss lauten:

  1. Sinnvoll: nicht zu spezifisch, nicht zu abstrakt.
  2. Kurz: 2 oder 3 Wörter.
  3. Aussprechbar: Wir wollen über sie sprechen können.

Was ist VUE-Nutzung?

Vue . js-Plugins sind eine leistungsstarke, aber einfache Möglichkeit, Ihrer App globale Funktionen hinzuzufügen. Sie haben eine Vielzahl von Verwendungsmöglichkeiten, von der Verteilung App-weiter Komponenten bis hin zum Hinzufügen zusätzlicher Funktionen wie Routing und unveränderliche Datenspeicher zu Ihrer App.

Empfohlen: