Heim >Web-Frontend >View.js >Was ist vue.use?

Was ist vue.use?

青灯夜游
青灯夜游Original
2020-11-24 10:00:473523Durchsuche

vue.use ist eine offizielle API, eine Methode zum globalen Registrieren einer Komponente oder eines Plug-Ins. Wenn das Plug-In ein Objekt ist, muss die Installationsmethode bereitgestellt werden wird als Installationsmethode verwendet. Diese Methode muss vor dem Aufruf von „New Vue()“ aufgerufen werden.

Was ist vue.use?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.9.6. Diese Methode ist für alle Computermarken geeignet.

Offizielle API-Einführung:

Vue.use(plugin)

Parameter

{Object |. function} Plugin

Verwendung

Installieren Sie das Vue.js-Plugin. Wenn das Plugin ein Objekt ist, muss die Installationsmethode bereitgestellt werden. Wenn das Plugin eine Funktion ist, fungiert es als Installationsmethode. Beim Aufruf der Installationsmethode wird Vue als Parameter übergeben.

Diese Methode muss aufgerufen werden, bevor New Vue() aufgerufen wird.

Wenn die Installationsmethode mehrmals vom selben Plug-in aufgerufen wird, wird das Plug-in nur einmal installiert. Verwendung von Vue.use Bitte beachten Sie: Ja, die Stildatei muss separat importiert werden.

Später können Sie 44ca90894c9c5c4dffec4b93a1966d66abc819eb726d549244df5ee5de853a0c direkt verwenden, um das Element-Element in der einzelnen Dateikomponente von Vue zu verwenden.

Was genau ist passiert? 1. Der erste Kommentar importiert ElementUI

/*
mian.js
*/
import Vue from 'vue';
import ElementUI from 'element-ui'; // 1
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI); // 2

new Vue({
el: '#app',
render: h => h(App)
});
// TODO Verstehen Sie, wie das Modul importiert wird

Das Folgende ist der Inhalt von src/index.js. Wie Sie sehen, exportiert index.js ein Objekt. In der obigen Importanweisung erhält dieses Objekt den Variablennamen ElementUI. Bitte beachten Sie hier die Install-Funktion.

import ElementUI from 'element-ui'
2. Der zweite Kommentar ist die Installation von ElementUI

/*
index.js
*/
export default {
  version: '2.11.1',
  locale: locale.use,
  i18n: locale.i18n,
  install,
  ...
};

Wir haben festgestellt, dass hier die Vue.use-Methode verwendet und das ElementUI-Objekt übergeben wird. Der Vue.use-Dokumentation können Sie entnehmen, dass dadurch die Installationsmethode des ElementUI-Objekts aufgerufen und an Vue übergeben wird.

Vue.use(ElementUI);

Weitere Programmierkenntnisse finden Sie unter:
Programmiervideo
! !

Das obige ist der detaillierte Inhalt vonWas ist vue.use?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist Vue-Loader?Nächster Artikel:Was ist Vue-Loader?