微信小程序使用全局变量

使用微信小程序默认生成的代码，去除用户登录部分。

代码框架如下：

 1、其中，在app.js中定义全局变量，app.js代码如下：

// app.js
App({
  globalData: {
    name: "kevin",
    age: 10,
    sex:""
  }
})

其中，globalData为全局变量，设置里面三个变量，分别为name，age，sex。

2、在index.js中使用这个全局变量，index.js代码如下：

const app = getApp()

app.globalData.sex = "male" 给全局变量赋值

name:app.globalData.name,把全局变量的值赋值给本js代码变量

// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    name:"",
    age:0,
    sex:""
  },

  onLoad() {
    var that = this
    app.globalData.sex = "male"
    that.setData({
      name:app.globalData.name,
      age:app.globalData.age,
      sex:app.globalData.sex
      })

  },
})

 

3、在wxml中调用变量

<!--index.wxml-->
<view>hello world</view>
<view>姓名:{{name}}</view>
<view>年龄:{{age}}</view>
<view>性别:{{sex}}</view>

 

显示如下：其中性别male为index.js中给全局变量赋的新值