web前端全系列 教程
1839个小节阅读:2244.2k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
整个小程序只有一个 App 实例,是全部页面共享的。开发者可以通过 getApp
方法获取到全局唯一的 App 实例,获取 App 上的数据或调用开发者注册在 App
上的函数。
在 app.js
文件中增加全局属性
xxxxxxxxxx
// app.js
App({
globalData: {
userInfo: "我是全局属性"
}
})
我们在news.js
文件中读取全局属性
xxxxxxxxxx
Page({
onLoad(options) {
const appInstance = getApp()
console.log(appInstance.globalData.userInfo) // 我是全局属性
}
})
当然,我们也可以在页面中显示,首先修改news.js
文件
xxxxxxxxxx
Page({
data:{
message:""
},
onLoad(options) {
const appInstance = getApp()
// 关于this.setData({}),后续会详细讲解,目前我们知道可以给message赋值即可
this.setData({
message:appInstance.globalData.userInfo
})
}
})
修改news.wxml
文件显示内容
xxxxxxxxxx
<text>{{ message }}</text>
实时效果反馈
1. 在小程序中,页面里可以读取全局属性的方案正确的是:
A appInstance
B appInstance.globalData
C globalData
D globalData.appInstance
答案
1=>B