Einführung in die Implementierungsmethode zum Teilen von Komponenten in Vue.js

Für einige gemeinsame Seiten können alle zusammensitzen und Code eingeben. Nachdem diese Seite fertig ist, können andere Seiten erstellt werden. Da es sich jedoch um ein System mit komplexen Funktionen handelt, eignet es sich besonders für die modulare Entwicklung . Framework, dies wird sehr ineffizient erscheinen, daher schauen wir uns einfach an, wie man Gruppen Teile in Vue aufteilt.

Zusammenfassend gibt es zwei Möglichkeiten, es zu unterteilen: Die eine besteht aus den Funktionsblöcken auf der Seite, der Auswahl, der Seitennierung und einigen Teilen, für deren Implementierung viel Code erforderlich ist Sie können sie analysieren und zusammenfassen oder klassifizieren. Es gibt auch eine Möglichkeit, es nach Seitenbereich, Kopfzeile, Fußzeile und Seitenleiste zu unterteilen. Wie werden Vue-Komponenten implementiert, nachdem Komponenten vorhanden sind?

Wie werden Vue-Komponenten implementiert? Werfen wir zunächst einen Blick darauf, wie es im Dateisystem

APP.vue ist ein Einstiegspunkt für das Projekt und die Komponenten, die wir haben Unterteilt sind auch Objekte. In APP.vue verwenden wir den Import, um jede Komponente auf die Datei header.vue zu importieren. Diese Schreibmethode ist natürlich eine Schreibmethode von es6 Wenn Sie die ES6-Komponentisierung verwenden, müssen Sie auch einige andere requires verwenden, um einen Verpackungsprozess zu schreiben und durchzuführen. Wenn Sie diese beiden Komponenten nur in app.vue einführen, werden diese beiden Komponenten nicht auf der Seite angezeigt.

In Vue müssen Sie diese Komponente über Komponenten registrieren, die importierte Datei einfügen und dann auf der Vorlagenebene