vue---定義全局變量或函數

開發項目的時候，有不少的東西須要重複使用，例如函數或者變量等，例如網站服務器地址，token等，這時候就須要設置一波全局變量和全局函數

定義全局函數

原理

新建一個模塊文件，而後在main.js裏面經過Vue.prototype將函數掛載到Vue實例上面，經過this.函數名，來運行函數。

1. 在main.js裏面直接寫函數

簡單的函數能夠直接在main.js裏面直接寫

Vue.prototype.changeData = function (){//changeData是函數名
  alert('執行成功');
}

組件中調用：

this.changeData();//直接經過this運行函數

2. 寫一個模塊文件，掛載到main.js上面。

base.js文件，文件位置能夠放在跟main.js同一級，方便引用

exports.install = function (Vue, options) {
   Vue.prototype.text1 = function (){//全局函數1
    alert('執行成功1');
    };
    Vue.prototype.text2 = function (){//全局函數2
    alert('執行成功2');
    };
};

main.js入口文件：

import base from './base'//引用
Vue.use(base);//將全局函數當作插件來進行註冊

具體使用：

this.text1();
this.text2();