微信小程序：带component后的生命周期

浅入生命周期

前几天，菜鸟写完了component组件（有兴趣可以自己看我的文章微信小程序：你必须知道的component自定义组件），然后感觉这组件进去了，那生命周期如何？

这次就不拖泥带水了

component代码：

Component({
  created:function () {
      console.log("land created")
  },
  attached:function () {
      console.log("land attached")
  },
  ready:function () {
    console.log("land ready")
  },
  moved:function () {
    console.log("load moved")
  },
  detached:function () {
    console.log("land detached")
  }
})

引用界面代码：

Page({
  gotovar:function () {
    wx.redirectTo({
      url: '../varshiyan/var',
    })
  },
  onLoad:function (params) {
    console.log("dome onload")
  },
  onReady: function () {
    console.log("dome onready")
  },
  onShow: function () {
    console.log("dome onshow")
  },
  onHide: function () {
    console.log("dome onhide")
  },
  onUnload: function () {
    console.log("dome onunload")
  },
})

输出结果：

这里提醒各位注意一点：

那就是跳转用 wx.redirectTo，这样才可以执行页面卸载函数

结论：

component的创建生命周期在页面之前，卸载生命周期在页面之后，页面切换后台后，不会再次执行component生命周期。