Uni-app全局变量的4种实现方式

Uni-app中全局变量的实现方式主要有四种：

1. 直接定义全局变量
   在项目根目录下新建一个全局变量文件，例如global.js，然后在文件中定义全局变量。例如：

   // global.js
   export const globalData = {
   userInfo: null
   }

   在其他的页面或组件中，通过import语句引入该文件，即可使用这些全局变量。
2. 使用Vue的原型
   在Vue实例中，通过Object.defineProperty方法可以把属性定义到Vue.prototype上面，从而实现在所有Vue实例中共享该属性。例如：

   // main.js
   Object.defineProperty(Vue.prototype, '$globalData', {
   get: function () { return globalData }
   })

   在其他组件中，可以通过this.$globalData来访问这些全局变量。
3. 使用Vue的全局混入
   Vue.js允许我们在整个应用中混入一些属性或方法。例如：

   // main.js
   Vue.mixin({
   data: function () {
   return {
   globalData: globalData
   }
   }
   })

   这样在每个Vue实例中都会包含这个globalData属性。但是这种方式有一个缺点，就是如果两个混入对象有重叠的属性和方法，后面的会覆盖前面的。
4. 使用uni-app的全局存储
   uni-app提供了全局存储功能，可以用来存储全局变量。例如：

   // 在页面中设置全局变量
   uni.setStorageSync('userInfo', userInfo)
   // 在其他页面获取全局变量
   const userInfo = uni.getStorageSync('userInfo')