微信小程序App Page 模块化

微信小程序注册函数App()
在app.js里是一个App()函数，定义全局函数和数据，还可以用来注册一个微信小程序。在App()函数里有一些生命周期函数

App({onLaunch(option){//当微信小程序完成初始化时执行},onShow(option){//微信小程序启动，或从后台进入前台显示},onHide(){//微信小程序从前台进入后台时},onError(msg){//当微信小程序发生脚本错误，或者API调用失败时触发},userFunc(){console.log('自定义函数');},globalData:{num:100}
})

在页面js里，如果要获取全局数据，需要通过执行getApp()获取微信小程序App实例对象，然后就可以调用到globalData
var appInstance = getApp();
console.log(appInstance.globalData.num);

ps:1.App()是单例的，只能在app.js注册，只能有一个
2.在app内只需要this就能拿到app实例对象

每个页面的文件夹内都有一个js文件，如index文件内有index.js，logs文件夹内有logs.js
在这个js文件夹内有一个Page()函数，用来注册一个页面，传入一个obj参数，在这个对象内可以定义页面的各种方法

data:页面的初始数据
onPullDownRefresh:监听用户下拉动作
onReachBottom:监听上拉触底事件的处理函数
onShareAppMessage:用户单机右上角转发
onPageScroll:页面滚动触发事件的处理函数
onResize:页面尺寸改变时触发
this.setData:修改data当中的数据并且响应到页面上

模块化：
新建一个js文件或者在utils文件当中，使用module.export导出一个对象，，在需要的文件使用require引入
util.js

function sayHello(){console.log('hello');
}
function sayHi(){console.log('hi');
}
module.exports = {sayHello,sayHi
}

index.js：

const commom = require('../../utils/util');
Page({onLoad() {//common时一个对象，里面包含了两个函数sayHi，sayHelloconsole.log(commom);}})

微信小程序App Page 模块化相关推荐

微信小程序 app.json 详细介绍
微信小程序 app.json 详细介绍 {// 写各个页面的路径 (新增页面或者减少页面都要对其进行修改)"pages": ["pages/index/index&quo ...
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化在小程序中,我们一般在app.js的onLaun ...
微信小程序App()方法与getApp()方法
微信小程序App()方法与getApp()方法原创CaseyWei 最后发布于2018-12-26 15:59:20 阅读数 17239 收藏展开 App() 注册一个小程序小程序的入口方法 ...
微信小程序APP（商超营销类）经验总结
项目介绍这是一款主打门店营销的小程序.包括首页.门店.营销.个人设置.登录.数据统计展示.营销设置等. 本来要独立完成整个项目,包括前后端一套的,有些意外因素,项目临时收尾(说明:只完成了前端的部分 ...
微信小程序app.json全局配置项
微信小程序app.json全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置.文件内容为一个 JSON 对象,有以下属性: app.json配置项(该配置项由微信小程序开发 ...
微信小程序App.js应用
微信小程序App.js应用文章目录微信小程序App.js应用 1.App.js内容 2.判断用户以什么方式进入小程序 3.获取用户信息 4.设置全局变量 1.App.js内容 App.js写逻辑内 ...
微信小程序app.js给全局变量globalData赋值
微信小程序app.js 中,从数据库读取登录数据后,想把登录信息变为全局遍历,这里为globalData赋值和其他的页面赋值不同. 需要先定义 that=this 之后用that.globalDat ...
开发一个微信小程序/APP一般需要多少时间，多少钱？
开发一个微信小程序/APP一般需要多少时间,多少钱? 微信小程序/APP开发的工期和费用估算需视功能需求的多少和难易程度而定,需求不明的情况下很难给出恰当评估. 在湃点网络定制平台,一对一的专业的顾问 ...
微信小程序App(Object object)
微信小程序App(Object object) 注册小程序.接受一个 Object 参数,其指定小程序的生命周期回调等. App() 必须在 app.js 中调用,必须调用且只能调用一次.不然会出现无 ...

微信小程序App Page 模块化

微信小程序App Page 模块化相关推荐

最新文章

热门文章