004App之生命周期

沐雨07

已于 2023-02-23 15:11:24 修改

阅读量157

点赞数

分类专栏：微信小程序文章标签： javascript 前端 vue.js

于 2023-02-23 10:28:47 首次发布

本文链接：https://blog.csdn.net/shifang07/article/details/129175754

版权

微信小程序专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了微信小程序中注册App和Page的方法，包括它们的生命周期回调函数如onLaunch、onShow等，以及页面事件处理如onLoad、onShareAppMessage等，强调了App必须在app.js中调用一次的重要性。

摘要由CSDN通过智能技术生成

App(Object object)

注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。

App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

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'
})

Page(Object object)

注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

//index.js
Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // Do some initialize when page load.
  },
  onShow: function() {
    // Do something when page show.
  },
  onReady: function() {
    // Do something when page ready.
  },
  onHide: function() {
    // Do something when page hide.
  },
  onUnload: function() {
    // Do something when page close.
  },
  onPullDownRefresh: function() {
    // Do something when pull down.
  },
  onReachBottom: function() {
    // Do something when page reach bottom.
  },
  onShareAppMessage: function () {
    // return custom share data when user share.
  },
  onPageScroll: function() {
    // Do something when page scroll
  },
  onResize: function() {
    // Do something when page resize
  },
  onTabItemTap(item) {
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // Event handler.
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  customData: {
    hi: 'MINA'
  }
})