vue定义全局变量

思路

将变量放到 window 对象上面

1、普通

创建 global.js

window.a = 1;

main.js 中引用

import './global.js'

实际使用

console.log(a) //1

缺点：如果定义的参数一多估计人都要炸了

2、进阶

global.js

const config = {
name:'张三',
age:'13'
}

let bindToGlobal = (obj, key) => {
if (typeof window[key] === 'undefined') {
window[key] = {};
}

for (let i in obj) {
window[key][i] = obj[i]
}
}
bindToGlobal(config,'_const')

使用

_const.name //张三
_const.age //13
优化：

建议key 都使用 _const ，在global.js 可以定义多个配置对象，然后采用同一个 key(_const) 这样调用的时候都是 _const.xxx，可以提高代码的可读性。