uni-app 如何定义全局变量

• • 1. uni-app 如何定义全局变量

• • 1.1. 通过 globalData 属性：

• • 1.2. 挂载到 Vue.prototype 上：

• • 1.3. 使用 Vuex 状态管理：

• • 1.4. 公用模块：

• • 1.5. 本地存储（如 uni.setStorage / uni.getStorage）：

1. uni-app 如何定义全局变量

在 uni-app 开发环境中，定义全局变量通常有以下几种方法：

1.1. 通过 globalData 属性：

在 App.vue 文件中，可以直接定义 globalData 对象来存储全局变量。这些变量可以在所有页面的 onLoad 方法中通过 this.$mp.page.options.globalData 访问，或者在 Vue 页面组件中通过 this.$getApp().globalData 访问。

App.vueexport
		default {
   
			globalData: {
   
				apiKey: 'your-api-key',
				userLoggedIn: false,
				sharedMessage: ''
			}
		}

在其他页面中获取：

onLoad(options) {
   
			console.log(this.$mp.page.options.globalData.apiKey); // 访问全局变量}// 或者在 Vue 组件内console.log(this.$getApp().globalData.userLoggedIn);
		}

1.2. 挂载到 Vue.prototype 上：

在 main.js 文件中，可以通过扩展 Vue.prototype 来定义全局变量或方法，使其在所有 Vue 组件中均可通过 this