Konfiguration und Verwendung von vue-cli-Komponenten

Dieses Mal werde ich Ihnen die Konfiguration und Verwendung der Vue-CLI-Komponente vorstellen. Was sind die Vorsichtsmaßnahmen für die Konfiguration und Verwendung der Vue-CLI-Komponente? Schauen Sie mal rein.

Übersicht:

Eine Datei ist ein Modul, das Modul muss importiert werden und die Methode zum Offenlegen des Moduls

Die Verwendung einer anderen Komponente in einer Komponente ist eine Trilogie: Einführung die Komponente, Registrieren von Komponenten und Verwenden von Komponenten

1. Interpretation der main.js-Datei

Es ist die Eintragsdatei des gesamten Projekts, das sich in der befindet src-Ordner
.import (es6 )Führen Sie vue und die Root-Komponente app.vue ein
Schließlich starten Sie die Anwendung

2 Komponenten

. Die definierten Komponenten werden im Allgemeinen im Komponentenverzeichnis abgelegt
Verwenden Sie den Prozess einer Komponente

a Die Komponente enthält kein Skript, es muss nicht verfügbar gemacht werden.)

b Die übergeordnete Komponente führt die untergeordnete Komponente ein und registriert die Komponente (globale Komponenten benötigen nicht eingeführt werden) und verwendet die Komponente

zur Erweiterung: import

import OO from XX

1.import ist äquivalent zu var und let, um eine Variable OO zu deklarieren (Anpassung, Destrukturierung und Zuweisung sind beide möglich)

2.aus: welche Datei importiert werden soll

. Stellen Sie sicher, dass es sich um eine selbstdefinierte Datei handelt um den relativen Pfad './'
zu schreiben. Wenn Sie Knotendateien unter Modulen einführen, müssen Sie keine

Importvariable aus „Modulpfad“ schreiben 🎜> {destrukturierende Zuweisung} aus 'Modulpfad' importieren
{* als Variable} aus 'Modulpfad importieren

3 Zu diesem Zeitpunkt gibt OO ein Objekt zurück

4 Damit das Objekt Inhalt hat, muss XX das Objekt zuerst verfügbar machen, damit OO es empfangen und in der aktuellen Datei verwenden kann. Legen Sie entsprechend dem Format des exponierten Objekts das Format der zu übernehmenden Variablen fest

Machen Sie mehrere Objekte verfügbar und empfangen Sie sie durch Destrukturierungszuweisung

. Legen Sie mehrere Objekte frei und übergeben Sie einen Variablenempfang.

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Bereichen Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So deduplizieren Sie Daten beim Zusammenführen mehrerer Arrays

Was für die Vue-Konfiguration erforderlich ist, um lokale Anforderungen anzufordern JSON-Datenschritte

Das obige ist der detaillierte Inhalt vonKonfiguration und Verwendung von vue-cli-Komponenten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!