1. Komponenten und Plug-Ins verstehen
Komponente (Komponente) : Einfach ausgedrückt kann jede .vue-Datei in vue als Komponente betrachtet werden
Vorteile der Komponenten:
(1) Reduzieren Sie die Kopplung des gesamten Systems, und während die Schnittstelle unverändert bleibt, können verschiedene Komponenten ausgetauscht werden, um die Entwicklung schnell abzuschließen
(2) Debugging und Fehlerbehebung sind bequem Da das gesamte System aus verschiedenen Komponenten besteht, kann ein Fehler durch Entfernen der Komponente überprüft oder schnell anhand der Fehlermeldekomponente lokalisiert werden, da die Kopplung zwischen den Komponenten besteht niedrig und die Verantwortung Einzelne, logische Analyse ist einfacher als das gesamte System
(3) Verbessern der Wartbarkeit Da jede Komponente eine einzige Verantwortung hat und die Komponenten in dem System wiederverwendet werden, kann das Optimieren des Codes der Komponenten das System als Ganzes verbessern
Plug-in (Plugin): Im Wesentlichen ist es eine Erweiterung und Ergänzung der vue-Funktion
Plugins werden häufig verwendet, um Vue um globale Funktionen zu erweitern. Der Funktionsumfang des Plug-Ins ist nicht streng begrenzt – im Allgemeinen gibt es folgende Typen:
Fügen Sie eine globale Methode oder Eigenschaft hinzu. Zum Beispiel: vue-custom-element
Globale Ressourcen hinzufügen: Direktiven/Filter/Übergänge etc. Wie Vue-Touch
Fügen Sie einige Komponentenoptionen über globale Mixins hinzu. Wie vue-router
Fügen Sie Vue-Instanzmethoden hinzu, indem Sie sie
Vue.prototypezu .Eine Bibliothek, die ihre eigene API bereitstellt und gleichzeitig eine oder mehrere der oben genannten Funktionen bereitstellt. Wie vue-router
Zweitens, der Unterschied
1. Verschiedene Schreibformen
Es gibt viele Möglichkeiten, Komponenten zu schreiben, die übliche ist, dass eine .vue-Datei eine Komponente sein kann;
Das Schreiben von Vue-Plug-Ins muss eine Install-Methode verfügbar machen.Der erste Parameter dieser Methode ist der Vue-Konstruktor und der zweite Parameterist ein optionales Optionsobjekt.
2. Verschiedene Anmeldeformen
Die Registrierung von Vue- Komponenten ist hauptsächlich in globale Registrierung und lokale Registrierung unterteilt
(1) Globale Registrierung durch die Vue.component-Methode, der erste Parameter ist der Name der Komponente und der zweite Parameter ist das eingehende Konfigurationselement
Vue.component('Komponentenname', { ... })
(2) Wenn eine lokale Registrierung verwendet wird, kann sie dort importiert werden, wo sie verwendet wird, und sie kann direkt verwendet werden, indem sie mit dem Komponentenattribut registriert wird
importiere „meine-komponente“ aus „xxx/xxx/xxx“
Exportstandard {
Komponenten:{ myCom }
}
Die Registrierung des Plug-Ins Vue.use()wird über die Methode registriert (installiert), der erste Parameter ist der Name des Plug-Ins und der zweite Parameter ist ein optionales Konfigurationselement
Vue.use('Plugin-Name', { ... })
Notiz:
Wenn Sie ein Plug-in registrieren, muss es new Vue() abgeschlossen werden, bevor Sie die Startanwendung aufrufen
Vue.useEs verhindert automatisch mehrere Registrierungen desselben Plugins und registriert sich nur einmal
3. Verschiedene Nutzungsszenarien
Komponenten (Component) werden verwendet, um Ihre App Geschäftsmodule zu bilden, und ihr Ziel ist es App.vue
Ein Plug-in (Plugin) ist ein funktionales Modul, das zur Erweiterung Ihres Technologie-Stacks verwendet wird, und sein Ziel ist es, dies Vue zu tun