微信小程序如何使用globalData的方法

在微信小程序中，globalData 是一个非常有用的属性，用于在整个小程序中共享数据。通过 globalData，你可以在不同的页面和组件之间传递和共享数据，而不需要在每个页面中重复定义或传递这些数据。

1. 在 app.js 中定义 globalData

App({
  globalData: {
    userInfo: null,
    token: ''
  },
  getUserInfo: function (cb) {
    var that = this
    if (this.globalData.userInfo) {
      typeof cb == "function" && cb(this.globalData.userInfo)
    } else {
      // 调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  },
  // 其他方法...
})

2. 在页面或组件中使用 globalData

// pages/index/index.js
const app = getApp()
 
Page({
  onLoad: function () {
    console.log(app.globalData.userInfo)
    console.log(app.globalData.token)
  },
  // 其他页面方法...
})

在组件中使用 globalData

// components/myComponent/myComponent.js
const app = getApp()
 
Component({
  properties: {
    // 组件属性
  },
  data: {
    // 组件内部数据
  },
  attached: function () {
    console.log(app.globalData.userInfo)
    console.log(app.globalData.token)
  },
  // 其他组件方法...
})

3. 修改 globalData

// pages/login/login.js
const app = getApp()
 
Page({
  login: function () {
    // 假设已经通过登录接口获取到 token
    const token = 'abc123'
    app.globalData.token = token
    // 其他登录逻辑...
  }
})