Vue中引用全局变量的方式

方式一：

一：新建一个global文件 写上需要全局引用的变量。

#glbal.js
const gb1=123;
const gb2=123;
const gb3=123;
const gb4=123;
export default {
    gb1,gb2,gb3,gb4
}

二：在main.js中引用global文件

import gb  from "@/global/global";
Vue.prototype.$global = gb;

三：在具体文件中引用

console.log(this.$global.gb1);

方式二

在global中写出全局数据以后，再具体使用文件中引用

#glbal.js
const gb1=123;
const gb2=123;
const gb3=123;
const gb4=123;
export default {
    gb1,gb2,gb3,gb4
}

具体使用文件中

#在script中引用
import  gb from "@/global/global"
#然后再需要使用的地方调用
console.log("global===>",gb.gb1)