如何在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的原型链或者创建一个全局模块。