目录

微信小程序-全局变量的定义和获取

微信小程序-全局变量的定义和获取

通过app.js定义一些数据,然后在index页面进行调用

1.在app.js中定义内容

https://i-blog.csdnimg.cn/blog_migrate/f5871c1564a93590a138a1b95617ad34.png

2.在需要获取数据的页面进行调用

Index.js页面

  1. 通过调用getAPP()获取到小程序全局唯一的 App 实例。
  2. 将获取的数据存入到自定义变量content中

https://i-blog.csdnimg.cn/blog_migrate/5286efc1cbb5ac0d5b2b99ea507bd029.png

Index.wxml页面

  1. 在wxml页面使用{ {content}}获取动态绑定的数据

    https://i-blog.csdnimg.cn/blog_migrate/27e8ef41e563725975f6c1248b5b6ec4.png

3.最终显示效果
  1. 在app.js页面定义的内容在index.wxml页面显示了

https://i-blog.csdnimg.cn/blog_migrate/77d15022c5eaa037f366f5c8feb81bb8.png

效果实现代码:

app.js

App({
globalData:{
nickName:'这是一条在app.js定义的数据'
}
})

index.js

var appDatas=getApp()
Page({
data:{
content:appDatas.globalData.nickName
}
})

index.wxml

<view>
从全局变量中获取到的数据内容为:
<text style="color:red">{{content}}</text>
</view>