目录
一、注册小程序实例App.js
二、注册页面
1、使用 Page 构造器注册页面
2、使用 Component 构造器构造页面
一、注册小程序实例App.js
每个小程序都需要在 app.js 中调用 App 方法注册小程序，绑定生命周期回调函数、错误监听和页面不存在监听函数等。
整个小程序只有一个 App 实例。
// app.jsApp({ onLaunch (options) { // Do something initial when launch. }, onShow (options) { // Do something when show. }, onHide () { // Do something when hide. }, onError (msg) { console.log(msg) }, globalData: 'I am global data'})
二、注册页面
对于小程序中的每个页面，都需要在页面对应的 js 文件中进行注册，指定页面的初始数据、生命周期回调、事件处理函数等。
1、使用 Page 构造器注册页面
//index.jsPage({ data: { text: "This is page data." }, onLoad: function(options) { // 页面创建时执行 }, onShow: function() { // 页面出现在前台时执行 }, onReady: function() { // 页面首次渲染完毕时执行 }, onHide: function() { // 页面从前台变为后台时执行 }, onUnload: function() { // 页面销毁时执行 }, onPullDownRefresh: function() { // 触发下拉刷新时执行 }, onReachBottom: function() { // 页面触底时执行 }, onShareAppMessage: function () { // 页面被用户分享时执行 }, onPageScroll: function() { // 页面滚动时执行 }, onResize: function() { // 页面尺寸变化时执行 }, onTabItemTap(item) { // tab 点击时执行 console.log(item.index) console.log(item.pagePath) console.log(item.text) }, // 事件响应函数 viewTap: function() { this.setData({ text: 'Set some data for updating view.' }, function() { // this is setData callback }) }, // 自由数据 customData: { hi: 'MINA' }})2、使用 Component 构造器构造页面
Page 构造器适用于简单的页面。但对于复杂的页面，要用 Component 构造器来构造页面。
Component 构造器的主要区别是：方法需要放在 methods: { } 里面。
这种创建方式非常类似于 自定义组件。
Page({ data: { text: "This is page data." }, methods: { onLoad: function(options) { // 页面创建时执行 }, onPullDownRefresh: function() { // 下拉刷新时执行 }, // 事件响应函数 viewTap: function() { // ... } }})
接下来，看看“小程序的生命周期”：https://blog.csdn.net/mChales_Liu/article/details/98642886
