Wechat applet: use of global state variables

Definition of global variables
stay app.ts Set in file ,globalData Object is to store global variables .

// app.ts
App<IAppOption>({
    
  globalData: {
    
    userName: 'Yan'
  },
  onLaunch() {
    
    //  Demonstrate local storage capabilities 
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    //  Sign in 
    wx.login({
    
      success: res => {
    
        console.log(res.code)
        //  send out  res.code  Go backstage to exchange  openId, sessionKey, unionId
      },
    })
  },
})

Set the value of the global variable

<!--pages/study/index.wxml-->
<text>pages/study/index.wxml</text>
<view>{
   {text}}</view>
<button type="primary" bindtap="getInfo"> Click for information </button>
<view>yici</view>
<button type="primary" bindtap="setGlobal"> Set global variables </button>

  setGlobal(){
    
      app1.globalData.userName = 'Hello Yanpppp'
  }

Use of global variables

<!--pages/note.wxml-->
<text>pages/note.wxml</text>
<view>{
   {text}}</view>
<view>ooo</view>

// pages/note.ts
const appNote = getApp();

Page({
    

    /** *  Initial data of the page  */
    data: {
    
        text: appNote?.globalData.userName,
    },

    /** *  Life cycle function -- Monitor page loading  */
    onLoad() {
    

    },

    /** *  Life cycle function -- Listening page first rendering completed  */
    onReady() {
    
       
    },

    /** *  Life cycle function -- Monitor page display  */
    onShow() {
    

    },

    /** *  Life cycle function -- Monitor page hidden  */
    onHide() {
    

    },

    /** *  Life cycle function -- Monitor page uninstall  */
    onUnload() {
    

    },

    /** *  Page related event handler -- Monitor user pull-down action  */
    onPullDownRefresh() {
    

    },

    /** *  Handling function of page pull bottom event  */
    onReachBottom() {
    

    },

    /** *  Users click the upper right corner to share  */
    onShareAppMessage() {
    

    }
})