vue定义全局变量

时间:2023-03-09 18:24:32
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,可以提高代码的可读性。