vue定义全局变量

Vue.js 如何添加全局常量或变量?

思路

将变量放到 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，可以提高代码的可读性。