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

So überprüfen und organisieren Sie Websitedateien mit Dreamweaver8

Was ist der Zweck der Erstellung einer eigenen Web...

Einige Erkenntnisse und Gedanken zu iframe

Diese Geschichte beginnt heute mit einer unerwarte...

Lösung für den MySQL-Server-Anmeldefehler ERROR 1820 (HY000)

Fehlerseite: Melden Sie sich beim MySQL-Server an...

Allgemeine Benennungsregeln für CSS-Klassen und IDs

Öffentlicher Name der Seite: #wrapper - - Der äuß...

Detaillierte Erklärung der CSS-Float-Eigenschaft

1. Was ist Floating? Floaten bedeutet, wie der Na...

So zählen Sie das Datum mit Bash herunter

Sie möchten wissen, wie viele Tage es bis zu eine...

Detaillierte Erklärung des MySQL-Datenbank-LIKE-Operators in Python

Der LIKE-Operator wird in der WHERE-Klausel verwe...

Navicat: Mehrere Möglichkeiten zum Ändern des MySQL-Datenbankkennworts

Methode 1: Verwenden Sie den Befehl SET PASSWORD ...