小程序注册（不是用户注册哦）

目录

一、注册小程序实例App.js

二、注册页面

1、使用 Page 构造器注册页面

2、使用 Component 构造器构造页面

 

---

一、注册小程序实例App.js

每个小程序都需要在 app.js 中调用 App 方法注册小程序，绑定生命周期回调函数、错误监听和页面不存在监听函数等。

整个小程序只有一个 App 实例。

// app.js
App({
  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.js
Page({
  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