微信小程序如何监听全局变量

count: 0

},
onShow: function () {
var count = wx.getStorageSync('count');
this.setData({
count: count
});

wx.onAppShow(function () {
  var count = wx.getStorageSync('count');
  this.setData({
    count: count
  });
}.bind(this));

}
})

## 示例说明二：监听全局变量的变化并触发自定义事件

假设我们有一个全局变量`userInfo`，表示用户信息。我们希望在全局变量变化时触发一个自定义事件，并在其他页面或组件中监听该事件来获取最新的用户信息。可以按照以下步骤进行操作：

1. 在`app.js`中定义全局变量`userInfo`并初始化为null。
2. 在页面或组件中使用`wx.onAppShow`事件监听全局变量的变化，并在事件中触发自定义事件，并传递最新的用户信息。

```javascript
// app.js
App({
  globalData: {
    userInfo: null
  },
  onLaunch: function () {
    wx.setStorageSync('userInfo', this.globalData.userInfo);
  }
})

// page.js 或 component.js
Page({
  onShow: function () {
    wx.onAppShow(function () {
      var userInfo = wx.getStorageSync('userInfo');
      this.triggerEvent('userInfoChange', { userInfo: userInfo });
    }.bind(this));
  }
})

在其他页面或组件中，可以通过监听自定义事件userInfoChange来获取最新的用户信息。例如：

// otherPage.js 或 otherComponent.js
Page({
  onLoad: function () {
    this.onUserInfoChange = function (event) {
      var userInfo = event.detail.userInfo;
      console.log('最新的用户信息为：', userInfo);
    }
    this.onUserInfoChange = this.onUserInfoChange.bind(this);
    this.on('userInfoChange', this.onUserInfoChange);
  },
  onUnload: function () {
    this.off('userInfoChange', this.onUserInfoChange);
  }
})

以上就是微信小程序如何监听全局变量的完整攻略，通过使用wx.getStorageSync和wx.setStorageSync方法结合wx.onAppShow和wx.onAppHide事件，可以实现全局变量的监听和更新。