Vue项目中如何实现全局变量和函数的多种定义方式？

本文共计1010个文字，预计阅读时间需要5分钟。

前言：在项目中，经常会复用一些变量和函数，比如用户的登录token、用户信息等。这时，将这些变量和函数设置为全局的，显得尤为重要。全局变量和全局函数之间有一些相通之处，实际上它们非常简单。

前言

在项目中，经常会复用一些变量和函数，比如用户的登录token，用户信息等。这时将它们设为全局的就显得很重要了，全局变量和全局函数之间有一些相通之处，它们其实很简单，但是有些人可能还不太了解。简单总结分享一波，希望对你有所帮助。

定义全局变量

原理：使用模块（.js或.vue文件）来管理全局变量，最后使用export暴露出去 （最好导出的格式为对象，方便在其他地方调用），当其它地方需要使用时，用import导入该模块

1、使用全局变量专用模块，挂载到main.js文件上面

全局变量模块Global.vue定义如下：

const token='12345678'; const userStatus=false; export default { token, // 用户token身份 userStatus // 用户登录状态 }

模块里的变量用export暴露出去，当其它地方需要使用时，引入模块便可。