如何在Vue项目中定义全局变量和全局函数？

一、全局变量

1、定义全局变量模块Global.vue

全局模块定义如下：
const token='12345678'; const userStatus=false; export default { token, //
用户token身份 userStatus // 用户登录状态 }
使用export导出，然后在需要的模块导入即可：
import global from '../../components/Global'//引用模块进来 export default { data ()
{ return { token:global.token,//将全局变量赋值到data里面 } } }
2、将全局变量挂载到Vue.prototype上

Global.vue文件同上，在项目入口的main.js里配置：
import global from '../../components/Global' Vue.prototype.GLOBAL = global
然后，不需要导入就可以在其他模块中使用了：
export default { data () { return { token: this.GLOBAL.token, } } }
与方法一相比，挂载到原型链上就只需要导入一次，比较方便。

3、使用vuex全局变量

略

二、全局函数

与全局变量类似，挂载到Vue的原型链或者创建一个全局模块。

• « 上一篇：c语言枚举超详解
• » 下一篇：【51单片机】LCD1602显示字符串，时间、时间+按键校准、秒表计时的功能代码。