Vue2 定义全局使用的变量

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 了