「JAVAアプレット本当の」アプレットのページプライベートライフサイクルとナビゲーション（10）

小さなプログラムのグローバルライフサイクルの前にいえば、今日は、単一ページのライフサイクルについての話します！出典ます。https：5号で//github.com/limingios/wxProgram.git

ページのページのライフサイクル

• 公式の紹介

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

• ライフサイクルを確認するための小さなプログラムを実行します。

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },

  onLoad: function () {
    console.log("index->onLoad")
      this.setData({
        motto: app.globalData
      })
  },
  onReady: function () {
    console.log("index->onReady")
  },
  onShow: function () {
    console.log("index->onShow")
  },
  onHide: function () {
    console.log("index->onHide")
  },
  onUnload: function () {
    console.log("index->onUnload")
  },
})

加载onLoad，加载onShow，全部显示的时候调用onReady

• 修改代码演示onHide 和 onUnload
  >增加一个绑定事件跳转的方式来演示onHide和onUnLoad

1. navigateTo

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },

  onLoad: function () {
    console.log("index->onLoad")
      this.setData({
        motto: app.globalData
      })
  },
  onReady: function () {
    console.log("index->onReady")
  },
  onShow: function () {
    console.log("index->onShow")
  },
  onHide: function () {
    console.log("index->onHide")
  },
  onUnload: function () {
    console.log("index->onUnload")
  },
  clickMe: function(){
    wx.navigateTo({
      url: '../test/test',
    })
  }
})

左上角有返回键

navigateTo 可以hide

1. redirectTo

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },

  onLoad: function () {
    console.log("index->onLoad")
      this.setData({
        motto: app.globalData
      })
  },
  onReady: function () {
    console.log("index->onReady")
  },
  onShow: function () {
    console.log("index->onShow")
  },
  onHide: function () {
    console.log("index->onHide")
  },
  onUnload: function () {
    console.log（ "index-> ONUNLOAD"）
  }、
  clickMe：関数（）{ 
    wx.redirectTo（{ 
      URL： '../test/test' 
    }）
  } 
}）

持ってredirectTo ONUNLOAD隠せません

PS：これは精通し、ライフサイクルの構成に主で、前と次のredirectTo navigateToの違いを理解しています。

>>元の記事は、転載を歓迎します。指定してください再現：より転載ITの人々の話、ありがとうございました！
>>オリジナルリンクアドレス：「JAVAアプレット本当の」アプレットのページプライベートライフサイクルとナビゲーション（10）