第一步:单独新建一个全局变量模块文件,模块中定义一些变量初始状态,用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)

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐