uniapp - UniApp H5 项目怎么定义全局变量 ？

Question

uni app，怎么定义全局变量，用于h5项目

看官网，都是些坑

Answer 1

如果你是基于Vue2的，可以在main.js文件中定义
Vue.prototype.$abc = 123;
如果你是基于Vue3的，类似写法
app.config.globalProperties.$abc= 123;

Answer 2

在 UniApp 中，你可以通过以下步骤定义全局变量：

1. 在 main.js 或 main.ts 文件中定义全局变量。确保在 onLaunch 或 onReady 生命周期函数之前定义全局变量。

// main.jsexport const GLOBAL_DATA = {  userInfo: null}

2. 在其他页面中，你可以通过 getApp().globalData 来访问全局变量。

// 在页面中访问全局变量export default {  onLoad() {    console.log(getApp().globalData.GLOBAL_DATA); // 输出全局变量  }}

3. 如果需要在全局范围内修改全局变量，你可以使用 setAppGlobalData 方法。

// 在页面中修改全局变量export default {  methods: {    updateGlobalData() {      uni.setAppGlobalData({        userInfo: {          name: 'newName',          age: 25        }      });    }  }}

请注意，全局变量会在页面卸载时被清空，因此如果你需要在页面之间共享数据，应该考虑使用 Vuex 或其他状态管理方案。