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

MySQL-Fremdschlüsseleinschränkung (FOREIGN KEY) Fallerklärung

Die MySQL-Fremdschlüsseleinschränkung (FOREIGN KE...

js implementiert das Popup-Anmeldefeld durch Klicken auf das Popup-Fenster

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

Detaillierte Erklärung zur Verwendung von Bild-Tags in HTML

In HTML wird das <img>-Tag verwendet, um ei...

CentOS8 - bash: verstümmelte Zeichen und Lösungen

Diese Situation tritt normalerweise auf, weil das...

Das Miniprogramm implementiert nativ das linksseitige Schubladenmenü

Inhaltsverzeichnis WXS-Antwortereignis Plan A Sei...

JS generiert eindeutige ID-Methoden: UUID und NanoID

Inhaltsverzeichnis 1. Warum NanoID UUID ersetzt 2...

Beste Tools zum Erstellen und Bearbeiten von Screenshots unter Linux

Als ich mein primäres Betriebssystem von Windows ...