Vue中设置全局变量

第一步：单独新建一个全局变量模块文件，模块中定义一些变量初始状态，用export default 暴露出去。

// 接口地址
const apiUrl = "https://api.sjzeis.com";

export default {
  apiUrl
};

第二步：在main.js中引入，并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用；

 

// 全局引入global
import global from "@/global/global.js"
Vue.prototype.global = global

第三步：在需要的模块文件中引入并使用；

console.log(that.global.apiUrl)