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,可以提高代码的可读性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值