如何给小程序App.js中的全局变量赋值以及如何将全局变量展示在某个子页面中

小程序开发有时候一个变量需要在多个页面中使用，所以我们都会习惯将该变量定义为全局变量，那么如何给这个全局变量赋值以及如何将这个变量展示在我们所需的子页面中呢？下面是我的一些个人开发经验分享。

第一步：在App.js中定义该变量
App({
globalData: {
questionTitle:’’ //自己定义的变量名
}
)}
第二步：在子页面index.js中对该变量进行赋值
const app=getApp()
page({
data:{
‘appdata’:app.globalData//拿到全局变量 到时候就方便直接用appdata去获取到app.js中的具体变量
}，

getData：function(e){ //定义一个带有参数的函数getData
this.setData({
“appdata.questionTitle”:e.detail.value //e.detail.value是假设的e带有的值
})
app.globalData.questionTitle=e.detail.value;//这步不可以省略
}
以上对于全局变量的赋值就完成了
下面是怎么使用这个变量
假设该页面为user.js:
const app=getApp()
page({
data{
title:’’
},
onload.function(e){
this.setData({
title:app.globalData.questionTitle //全局变量不能再wxml中引用，需要将全局变量赋值给子页面中的某个变量
})
}
})

最后是展示在wxml中如：
{{title}}