【app.js】配置及App函数说明
app.js中的App函数用来注册一个小程序或设置全局变量。
App函数:
语法:App(Object)
参数: Object json对象
说明: App函数必须在app.js中调用,必须调用且只能调用
App({
/**
* onLaunch(Object)
* 说明: 小程序初始化完成时触发,全局只触发一次。
* 参数: Object, 可从参数Object获取以下值:
* Object.path [String] 打开小程序的路径
* Object.query [String] 打开小程序的query
* Object.scene [Number] 打开小程序的场景值(值对应的场景:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/scene.html)
* Object.shareTicket [String] 转发分享信息,详见https://developers.weixin.qq.com/miniprogram/dev/api/share.html#wxgetshareinfoobject
* Object.referrerInfo [Object] 当场景为由从另一个小程序或公众号或App打开时,返回此字段
* Object.referrerInfo.appId [String] 来源小程序或公众号或App的 appId
* Object.referrerInfo.extraData [Object] 来源小程序传过来的数据,scene=1037或1038时支持
*
* 注意: referrerInfo、referrerInfo.appId、referrerInfo.extraData与scene场景值有关联
**/
onLaunch : function(Object){
},
/**
* onShow(Object)
* 说明: 小程序启动,或从后台进入前台显示时触发。
* 参数: Object, 与onLaunch参数相同
**/
onShow : function(Object){
},
/**
* onHide()
* 说明: 小程序从前台进入后台时触发。
**/
onHide : function(){
},
/**
* onError(error)
* 说明: 小程序发生脚本错误,或者 api 调用失败时触发。
* 参数: error [String] 错误信息,包含堆栈
**/
onError : function(error){
},
/**
* onPageNotFound(Object)
* 说明: 小程序要打开的页面不存在时触发。
* 参数: Object, 可从参数Object获取以下值:
* Object.path [String] 不存在页面的路径
* Object.query [Object] 打开不存在页面的 query
* Object.isEntryPage [Boolean] 是否本次启动的首个页面(例如从分享等入口进来,首个页面是开发者配置的分享页面)
*
* 注意:
* 1) 开发者可以在 onPageNotFound 回调中进行重定向处理(wx.redirectTo...),但必须在回调中同步处理,异步处理(例如 setTimeout 异步执行)无效。
* 2) 如果开发者没有添加 onPageNotFound 监听,当跳转页面不存在时,将推入微信客户端原生的页面不存在提示页面。
* 3) 如果 onPageNotFound 回调中又重定向到另一个不存在的页面,将推入微信客户端原生的页面不存在提示页面,并且不再回调 onPageNotFound。
**/
onPageNotFound : function(Object){
this.errorPages = 2 // 采用this修改全局变量errorPages值
},
/**
* 自定义其它类型数据,比如数组、JSON类
* 这类型数据为小程序所有页面共享
**/
errorPages : 0,
count : 1,
myArr : [1, 2, 3],
myJson : {
"title" : "hello world!"
}
})
getApp函数:
语法: getApp(Object)
说明: 获取App内定义的相关数据,比如上例中的 count
参数: Object
Object.allowDefault [Boolean] 在 App 未定义时返回默认实现。当App被调用时,默认实现中定义的属性会被覆盖合并到App中。
注意:
1) 不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。
2) 通过 getApp() 获取实例之后,不要私自调用生命周期函数。
示例:
比如要在页面:index内调用App的全局变量,index.js示例代码:
const app = getApp()
Page({
onLoad: function () {
console.log( app.count );
}
})
【app.js】配置及App函数说明的更多相关文章
- [ionic开源项目教程] - 第2讲 新建项目,配置app.js和controllers.js搭建基础视图
新建项目 由项目功能架构图选择合适的页面架构,这里选用Tab,ionic新建项目,默认的模板就是tab. $ ionic start TongeNews Creating Ionic app in f ...
- 【微信小程序】App.js生命周期
1.小程序的生命周期-App.js App() 必须在 app.js 中注册,且不能注册多个.所以App()方法在一个小程序中有且仅有一个. App({ onLaunch: function () { ...
- 通过const app = getApp()实现在 page 页面获取 app.js 定义的属性globalData,即获取全局数据
App.js是项目的入口文件,页面的 page.js 文件会覆盖 app.js文件, App.js文件里面的一些方法: onLaunch : function(){}:这个方法是当小程序加载完毕后就执 ...
- phoenix使用vue--单独js(不使用app.js)
实际中不能都在一个js里 api.js app.js admin.js --vue 后台 记录下方法 static--admin--hello.js import "phoenix_html ...
- 微信小程序 --- 设置app.js/page.js参数的方法
设置 app.js 文件: //app.js App({ globalData: { is_login:false, userInfo:{} } }) 设置gloabalData的方法: // 定义a ...
- Flask - app的配置和实例化Flask的参数
目录 Flask - app的配置和实例化Flask的参数 app的配置 app的配置 Flask - app的配置和实例化Flask的参数 app的配置 基本用法: from flask impor ...
- page的js访问全局变量:app.globalData.openid
page获取app.js:const app = getApp(); page的js访问全局变量(get/set):const app = getApp(); app.globalData.openi ...
- nodejs教程:安装express及配置app.js文件
express.js是nodejs的一个MVC开发框架,并且支持jade等多种模板.下面简单来说说express的安装和app.js文件的配置,然后在今后的教程中一步一步使用express.js搭建个 ...
- nodejs教程 安装express及配置app.js文件的详细步骤
来自:http://www.jb51.net/article/36710.htm express.js是nodejs的一个MVC开发框架,并且支持jade等多种模板.下面简单来说说express的 ...
随机推荐
- linux 安装redis和集群
一.安装redis单机 1.安装编译环境 Redis是c语言开发的. 安装redis需要c语言的编译环境.如果没有gcc需要在线安装.yum install gcc-c++ 2.安装步骤: 第一步:r ...
- 远程桌面连接(连接服务器)报错Oracle修正
解决方案: 开始——运行——gpedit.msc——计算机配置——管理模版——系统——凭据分配——加密oracle修正——易受攻击 ok
- 【洛谷P2921】[USACO08DEC]在农场万圣节
在农场万圣节Trick or Treat on the Farm 题目链接 题解:首先,将原图缩点,变为DAG, 然后在DAG上记忆化搜索即可 #include<iostream> #in ...
- ffmpeg 学习
1.ffmpeg使用语法 命令格式: ffmpeg -i [输入文件名] [参数选项] -f [格式] [输出文件] ffmpeg [[options][`-i' input_file]] ...
- jQuery中没有innerHtml和innerText
发现如果我在div或者其他非表单的标签中赋值,原本用普通的js就直接document.getElementById("id").innerHtml(或者其他几个)就可以了. 但是在 ...
- vue2.0移除或更改的一些东西
一.vue2.0移除了$index和$key 虽然说现在很多文章说他们的代码是vue2.0版本的,但是有一些仔细一看,发现并不全是2.0版本,有些语法还是1.0的版本,比如这个$index,$key, ...
- 菜鸟笔记 -- Chapter 6 面向对象
在Java语言中经常被提到的两个词汇是类与对象,实质上可以将类看作是对象的载体,它定义了对象所具有的功能.学习Java语言必须要掌握类与对象,这样可以从深层次去理解Java这种面向对象语言的开发理念, ...
- [vue warn]:typeError:_this.getMounted.forEach is not a function
问题:报错 解决:forEach前面给数组,自己放的是Json,所以报错
- c/c++ 表白小程序
1.开发工具: vs vc(任选一个) 2.准备材料 : a.一首音乐 (注意:音乐要求重命名为 “x” ) b.20张图片(注意: 图片要求重命名为 “1” "2" ...
- MySQL的Root用户密码
缘由:最近北京市二环内大兴土木,各种挖沟埋线.忽而一纸通令周末断电,故多年不断电的服务器,便令人有了关机后是否还能正常启动的隐忧.其中一台较年迈的服务器中搭载有MySQL数据库.数据库内容本属于外包项 ...