Vue2 定义全局使用的变量

一、定义全局变量文件

定义一个盛放全局变量的文件

global.js

const baseURL = 'http://kylebing.cn/starve';

export default {
   baseURL
}

二、引用并设置全局变量

main.js 中引用这个文件,并设置 prototype 属性,
这里的变量名并不一定是 $ 开头的,只要是正常的变量名就可以,这里使用 $ 只是为了好区分

main.js

import GLOBAL from "../global";

Vue.prototype.$global = GLOBAL;

三、在其它地方使用这个全局变量

在其它地方就可以使用 this.$global.baseURL

Logo

前往低代码交流专区

更多推荐