uni app 监听全局变量

UniApp是一个跨平台的框架，它允许开发者使用一套代码同时构建iOS、Android和H5应用。在UniApp中，如果你想监听全局变量的变化，你可以通过设置`vuex`（状态管理库）或者自定义事件来实现。以下是一些基本步骤：

1. **Vuex**:
- 定义全局状态变量：在`store`中声明你需要监听的状态变量。
- 使用`mapState`映射到组件的props上，以便组件可以访问并修改这些值。
- 当状态发生改变时，Vuex会自动触发更新，你在actions或mutations里改变状态，然后组件就会接收到变化。

// store/index.js
export default new Vuex.Store({
  state: {
    globalVar: 'default value'
  },
  mutations: {
    updateGlobalVar(state, newVal) {
      state.globalVar = newVal;
    }
  }
})

2. **自定义事件**:
- 在Vue组件内，你可以创建一个事件总线（Event Bus），用于在组件间传递数据。
- 当全局变量更改时，可以在适当的地方触发这个事件，然后其他组件订阅这个事件进行响应。

// eventBus.js
const eventBus = new Vue();

eventBus.$on('globalVarChanged', (newVal) => {
  // 处理全局变量更新操作
});

// 在需要的地方更新全局变量并触发事件
eventBus.$emit('globalVarChanged', { key: 'globalVar', val: newVal });