一、全局变量
首先单独定义一个js文件,我一般放在asset文件中,注意结尾要用export写法
在入口文件main.js(如果是多页面,就是用到该全局变量的入口文件)引入全局配置
import HyConfig from "./assets/js/MapConfig.js" //引入全局配置 Vue.prototype.HyConfig = HyConfig; //引入全局配置在项目中通过this.HyConfig.MapConfig来使用
二、全局函数
1、建立全局函数文件 FuncUtil.js
在文件中,编写全局函数,外部用exports.install包含,如函数packageFunc和函数text2
exports.install = function(Vue, options) { Vue.prototype.packageFunc = function(param) { //全局函数1 alert('执行成功1' + param); }; Vue.prototype.text2 = function(v) { //全局函数2 alert('执行成功2' + v); };
2、在入口文件处引用
import HyFunc from "./assets/js/FuncUtil.js" //引入全局通用函数 Vue.use(HyFunc)
3、在使用时 使用this.text2来调用即可