微信小程序Ⅱ [全局变量的配置/使用]

☺前言
进行微信小程序的开发,有时需要设置全局变量,以方便在其他界面对同一数据的调用
举个例子:
在***开发测试*** 阶段,比如自己网站的图片服务器网址,接口服务器域名等,不一定后期会有多大的变动,此时可以进行全局变量的设置,而后期有所变动只需更改一处即可.
微信小程序,设计强烈要求项目的简洁性,对于图片文件尽量都使用网络资源请求,避免相对路径的资源引用,所以此时配置全局变量就显得极为方便、重要了
☹ 配置/使用
初始创建小程序时,你就应该会注意到项目初始化的框架中,根目录下有一个 app.js 配置文件,其实个人理解为 根目录下的文件 都是全局配置文件
☆ 配置
我们只需要将全局变量,以数组的形式放到 globalData中即可
当然,也可以在此位置,命名与 globalData 同级的新数组

★ 使用
当你需要在其他js页面中使用所配置的全局变量时:

首先,需要获取应用实例
const app = getApp()
直接对需要的数组赋值,然后正常使用即可
imgServer: app.globalData.imgServer
当然,也可以在 js 中对应的点击事件中,随时赋值使用
var test_imgServer = app.globalData.imgServer;
console.log(test_imgServer )

● 参考截图
小程序js 文件的数据绑定

对应 小程序wxml 的数据显示

posted @ 2019-12-18 17:12  你的背包啊  阅读(1008)  评论(0编辑  收藏  举报