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

JavaScript zum Erzielen eines Produktlupeneffekts

In diesem Artikel wird der spezifische JavaScript...

Detaillierte Analyse des Unterschieds zwischen Ref und Reactive in Vue3.0

Inhaltsverzeichnis Ref und Reaktiv Referenz Reakt...

Beispielcode des Spread-Operators und seiner Anwendung in JavaScript

Der Spread-Operator ermöglicht die Erweiterung ei...

Tutorial zur Installation von MySQL 5.7.28 auf CentOS 6.2 (MySQL-Hinweise)

1. Umweltvorbereitung 1.MySQL-Installationspfad: ...

Verwendung von Docker UI, einem Docker-Visualisierungsverwaltungstool

1. Einführung in DockerUI DockerUI basiert auf de...

Tutorial zur Oracle-Bereitstellung in einer Linux-Umgebung

1. Umgebung und zugehörige Software Virtuelle Mas...

Webdesign-Tutorial (2): Über Nachahmung und Plagiat

<br />Im vorherigen Artikel habe ich die Sch...

Einige Dinge, die Sie über den Varchar-Typ in MySQL wissen sollten

Speicherregeln für varchar In Versionen unter 4.0...

Analyse der vier Transaktionsisolationsstufen in MySQL anhand von Beispielen

Vorwort Um bei Datenbankoperationen die Richtigke...