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

一、App()

App(）是一个小程序的入口方法，写在app.js文件里。

开发时我们主要是把一些全局变量，全局方法放在App()里面，比如用户名，请求数据时的URL等。

// app.js
App({onLaunch() {// 展示本地存储能力const logs = wx.getStorageSync('logs') || []logs.unshift(Date.now())wx.setStorageSync('logs', logs)// 登录wx.login({success: res => {// 发送 res.code 到后台换取 openId, sessionKey, unionId}})},globalData: {//全局变量userInfo: null,globalReqUrl: "http://localhost:8080"         //请求数据时的URL}
})

那么我们该如何调用这些全局变量呢？请看下一小标题（二、getApp()）解释。

二、getApp()

getApp()方法用于获取App()的实例：

//在其他页面的js文件里
const app = getApp();
this.data.username =  app.globalData.userInfo;
this.data.url=  app.globalData.globalReqUrl;

当然，也可以用在从一个页面向另一个页面传递数据：

var item = this.data.list[index];
var app = getApp();
app.item =item;     //注意原来的App()当中并没有item这个数据。
//然后在其它页面的js文件里用上面的方法获取item即可。

谁还没有点初学者的艰难岁月呢？

We only need to be on ourselves own admantly.

微信小程序getApp()和App()方法详解相关推荐

小程序setdata优化_微信小程序 setData的使用方法详解
微信小程序 setData的使用方法详解微信小程序 setData的使用方法详解最近在使用微信小程序的setData时,遇到了以下问题.如下: 官网文档在使用setData()设置数组对象的某个元 ...
微信小程token_微信小程序url与token设置详解
微信小程序url与token设置详解新浪云应用sae的代码里创建一个weixin.php文件,写入以下代码 isValid(); class wechatAPI { public function ...
微信小程序一键置顶操作详解：
微信小程序一键置顶操作详解: 第一种方式:采用scroll-view滚动视图实现第二种方式,直接用view实现第一种方式:采用scroll-view滚动视图实现下面是代码简介: wxml文件代码 ...
微信小程序01【目录结构详解、视图与渲染、事件、input、scroll-view】
学习地址:https://www.bilibili.com/video/BV1sx411z77P 笔记01:https://blog.csdn.net/weixin_44949135/article/ ...
微信小程序获取手机号并解密详解
微信小程序获取手机号并解密 1 获取手机号 2 解密 2.1 获取所需数据 2.2 解密返回数据 1 获取手机号获取手机号的过程官方文档有详细的介绍.参考官方链接要注意的是,此功能只对非个人且完成 ...
微信小程序数组网页调用实例详解：李贺作品集
额,我觉得这个东西应该叫做数组,有没有更专业的说法,我实在不知道. 惯例,先看效果,只实现数组存储,点击跳转网页,其他的都省略了. 如图可见,这个小程序有两个页面,1是首页index,2是跳转页det ...
《微信小程序》数据访问实例详解
如图所示 1.每个视图(.wxml)只需要添加对应名字的脚本(.js)和样式(.wxss)就可以了,不需要引用,page下面的脚本以及样式都是继承至最外面的app.js , app.wxcss 2.脚 ...
微信小程序开发之生命周期详解？
小程序分为应用和页面两个部分: 应用的生命周期. 页面的生命周期. 应用的生命周期对页面生命周期的影响. 路由变化对页面生命周期的影响 1.应用的生命周期: 属性 ------------- 类型 - ...
微信小程序富文本解析点击图片放大_微信小程序解析富文本过程详解
前言最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签. 开始的时候想过自己写方法 ...

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

一、App()

二、getApp()

微信小程序getApp()和App()方法详解相关推荐

最新文章

热门文章