Heim  >  Artikel  >  Web-Frontend  >  Legen Sie globale Variablen oder Datenmethoden gemäß Vue fest (ausführliches Tutorial).

Legen Sie globale Variablen oder Datenmethoden gemäß Vue fest (ausführliches Tutorial).

亚连
亚连Original
2018-05-31 14:56:112199Durchsuche

Jetzt werde ich Ihnen eine Methode zum Festlegen globaler Variablen oder Daten in Vue vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Das Beispiel sieht wie folgt aus:

const MyPlugin = {
 // install方法是必需的
// // 包含两个参数:Vue 构造器,一个可选的选项对象

 install(Vue, options) {

  Vue.prototype.test = "test" ;
  Vue.prototype.wechat = "my wechat!";

 }
};
export default MyPlugin

Diese Methode kann eine separate Datei starten und importieren Sie sie. Wenn Sie zur erforderlichen Seite gehen, können Sie die Vue-Instanz verwenden, um die entsprechenden Daten abzurufen. Nach der folgenden Verwendung ist die Methode zum Abrufen der Daten dieselbe wie zum Abrufen der Daten in den Daten in jedem Modul

import MyPligin from './**/api'; //引入全局变量 
Vue.use(MyPligin);

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Analyse der DOM-Ereignisbindung in js

Wie man Daten in js perfekt analysiert

Lösen Sie das Fehlerproblem nach der Verwendung des vue.js-Routings

Das obige ist der detaillierte Inhalt vonLegen Sie globale Variablen oder Datenmethoden gemäß Vue fest (ausführliches Tutorial).. 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