Einführung in die Installationsmethode in Vue

Einführung in die Installationsmethode in Vue

vue ermöglicht uns install , um neue Plug-Ins zu entwickeln und Komponenten global zu registrieren usw.

Der erste Parameter der install ist der vue Konstruktor und der zweite Parameter ist ein optionales Optionsobjekt

Standard exportieren {

	installieren(Vue,Option){

		Komponentendirektive Mixin Mount Vue Prototyp }

}

1. Weltweit registrierte Komponenten

importiere PageTools aus '@/components/PageTools/pageTools.vue'

Update aus „./update/index.vue“ importieren

importiere ImageUpload aus „./ImageUpload/ImageUpload.vue“

importiere ScreenFull aus './ScreenFull'

ThemePicker aus „./ThemePicker“ importieren

importiere TagsView aus './TagsView'

Standard exportieren {

  installieren(Vue) {

    Vue.component('Seitentools', Seitentools)

    Vue.component('aktualisieren', aktualisieren)

    Vue.component('Bild-Upload', Bild-Upload)

    Vue.component('Bildschirm voll', Bildschirm voll)

    Vue.component('ThemePicker', ThemePicker)

    Vue.component('TagsView', TagsView)

  }

}

Verwenden Sie in main.js direkt Referenz und Vue.use zur Registrierung

Komponente aus „@/components“ importieren

Vue.use(Komponente)

2. Globale benutzerdefinierte Anweisungen

Standard exportieren{

	installieren(Vue){

		Vue.direktive('vor',{

			eingefügt(Schaltfläche,binden){

				button.addEventListener('klicken',()=>{

					wenn(!button.disabled){

						button.deaktiviert = wahr;

						setzeTimeout(()=>{

							button.disabled = falsch

						},1000)

					}

				})

			}

		})

	}

}

In main.js, genau wie beim Registrieren von Komponenten

importiere vorab von '@/aiqi'

Vue.use (vorher)

Dies ist das Ende dieses Artikels über die Installationsmethode in Vue. Weitere relevante Inhalte zur Installationsmethode in Vue finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detailliertes Verständnis des Plug-In-Mechanismus und der Installationsdetails von Vue
  • vue npm install - Installation einer angegebenen Versionsoperation
  • vue custom component (verwendet von Vue.use()) ist die Verwendung von install
  • Vue Fallstricke - Die Installation abhängiger Module im Projekt npm install meldet einen Fehler

<<:  Linux Samba-Server – sehr detaillierte Installation und Konfiguration (mit Problemlösung)

>>:  So legen Sie das Breitenattribut auf den Stil des Span-Tags fest

Artikel empfehlen

Zusammenfassung zur Verwendung der Reduce()-Methode in JS

Inhaltsverzeichnis 1. Grammatik 2. Beispiele 3. A...

Einige Indikatoren für exzellentes Web-Frontend-Design

Die Barrierefreiheit von Webseiten scheint etwas z...

Docker-Dateispeicherpfad, Port-Mapping-Betriebsmodus ändern

So erhalten Sie den Container-Startbefehl Der Con...

Implementierungsmethode des Nginx+Tomcat-Lastausgleichsclusters

Die experimentelle Umgebung ist wie folgt Hier mü...

HTML+CSS+JS zur Implementierung des Spiels „Nicht auf das Whiteboard treten“

Inhaltsverzeichnis Hintergrund 1. Gedankenanalyse...

Einige Hinweise zum Ändern des innodb_data_file_path-Parameters von MySQL

Vorwort innodb_data_file_path wird verwendet, um ...

Vue erzielt einen nahtlosen Karusselleffekt

In diesem Artikel wird der spezifische Code von V...

Implementierung der Docker-Compose-Bereitstellung des ZK+Kafka+Storm-Clusters

Übersicht über die Clusterbereitstellung 172.22.1...

Detailliertes Tutorial zur schnellen Installation von Zookeeper in Docker

Docker: Zookeeper schnell installieren Ich habe Z...

Vier praktische Tipps für JavaScript-String-Operationen

Inhaltsverzeichnis Vorwort 1. Eine Zeichenfolge t...

Beispielcode zur Implementierung von Dreiecken und Pfeilen durch CSS-Rahmen

1. CSS-Boxmodell Die Box beinhaltet: Rand, Rahmen...

So implementieren Sie die Seiten-Screenshot-Funktion in JS

„Seiten-Screenshot“ ist eine Anforderung, die häu...