小程序 全局数据共享 getApp()

在小程序中,可以通过 getApp() 方法获取到小程序全局唯一的App实例 因此在App()

方法中添加全局共享的数据、方法,从而实现页面、组件的数据传值

在 app.js 文件中定义

javascript 复制代码
App({
  // 全局共享的数据
  globalData:{
    token:''
  },
  // 全局共享的方法
  setToken(token){
    // 如果想获取token,可以使用 this 的方法进行获取
    this.globalData.token = token
	// 在 App() 方法中如果想获取 App() 实例,可以通过 this 的方式进行获取
	// 不能通过 getApp() 方法获取
  }
})

使用 需要在登录页面 先 setToken

.wxml 文件

javascript 复制代码
<button type="warn" plain bindtap="login">登录</button>

.js 文件

javascript 复制代码
// getApp()方法用来获取全局位移的 App()实例
const appInstance = getApp()
Page({
  login(){
  // 不要通过 app 实例调用钩子函数
  	appInstance.setToken("aaaaaaaaaa")
 }
})

然后 再其它页面 可获取 全局存入的token

javascript 复制代码
const appInstance=getApp()
Page({
  onLoad(options) {
    console.log(appInstance)
  },
})

注意事项

1.不要再App() 方法中使用 getApp() 使用 this 就可以拿到 app实例

2.通过 getApp() 获取实例之后,不要私自调用生命周期函数

相关推荐
鸭鸭梨吖2 小时前
微信小程序实现上传照片功能
微信小程序·小程序
2401_844137572 小时前
Java灵活用工兼职全职报价单微信小程序+APP+微信公众号源码
开发语言·后端·微信·微信小程序·小程序·架构·微信开放平台
银杏也要学习代码3 小时前
前端的学习-CSS(弹性布局-flex)
前端·css·学习
睿智的海鸥3 小时前
Github零成本部署网站
前端·html·github·html5
天涯学馆3 小时前
React.lazy与Suspense:实现高效代码分割
前端·javascript·react.js
敲厉害的燕宝3 小时前
Vue2配置路由
前端·javascript·vue.js·router
zengyu31397078474 小时前
简单反射型XSS的复现
前端·xss
A 八方4 小时前
CTFHub技能树web——XSS——DOM反射
前端·xss
一然明月4 小时前
HTML基础 - 基础
前端·html
@大迁世界4 小时前
ES9中5个最具变革性的JavaScript特性
开发语言·前端·javascript·ecmascript