微信小程序App()方法与getApp()方法

简介: 微信小程序App()方法与getApp()方法

微信小程序App()方法与getApp()方法

二者含义:

App()有以下作用:

  • 注册一个小程序
  • 小程序的入口方法

getApp()主要用于获取全局对象,然后进行全局变量和全局方法的使用

例如:

app.js 中的 App()

App({
  onLaunch: function(options) {
    console.log("onLaunch");
  },
  onShow: function(options) {
      console.log("onShow");
      // Do something when show.
  },
  onHide: function() {
      console.log("onHide");
      // Do something when hide.
  },
  onError: function(msg) {
      console.log(msg)
  },
  test:function() {
    console.log("I am func from App.js");
  },
  globalData: {
    userInfo:null,
    helloFromApp:'Hello,I am From App.js'
  }
})

如何在其他页面使用?

这了就要用到getApp()来获取当前的App

var app = getApp();

例如下面代码:

demo.js

var app = getApp();
console.log(app.globalData.helloFromApp); // 调用全局变量
app.test(); // 调用全局方法

image.png

我们发现,全局变量和全局方法都被调用了。

通过getApp获取全局对象,然后进行全局变量和全局方法的使用。

注意:

  • App() 必须在 app.js 中注册,且不能注册多个。
    不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。
this.globalData.userInfo = res.userInfo
  • 不要在 onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。

转自:https://blog.csdn.net/weixin_45525272/article/details/115691157

参考:微信小程序getApp()和App()方法详解

目录
相关文章
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
611 1
家政服务小程序APP开发,做好上门家政最快的方法是什么?
在家政服务领域,打造成功的平台并非易事。本文分享了三个关键步骤:避免初期盲目投入、采用低成本获客方式、建立有效的阿姨筛选机制。遵循这些方法,可助你避开常见陷阱,成为行业头部平台。
|
21天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
1月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
226 3
|
18天前
|
小程序 测试技术
上门家政维修系统软件开发,一套类似啄木鸟维修的小程序APP只要3000你敢信?
在数字化商业时代,一款名为“啄木鸟维修”的小程序 APP 以 3000 元的价格亮相,引发了广泛关注。这款 APP 功能全面,支持自营或入驻模式,提供完善的售后服务和详细的运营策略,开发周期仅需 3-5 天。它是否物超所值,还需用户自行判断,但其在市场中的表现确实引人注目。
|
1月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
340 0
|
1月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
509 7
|
1月前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
125 1
uniapp一个人开发APP关键步骤和考虑因素
|
1月前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
77 9
|
1月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
198 1

热门文章

最新文章

下一篇
无影云桌面