应用生命周期
小程序启动运行销毁的过程
应用生命周期函数
在app.js中声明
- onLaunch(小程序初始化完成时触发,全局只触发一次)
- onShow(小程序启动,或从后台进入前台显示时触发)
- onHide(小程序从前台进入后台显示时触发)
页面生命周期
每个页面加载渲染销毁的过程
在页面.js文件中声明
- onLoad:function(options){ };监听页面加载,一个页面只调用一次,常用初始化,转存数据
- onShow:function(){ };监听页面显示
- onReady:function(){ };监听页面初次渲染完成,一个页面只调用一次,可在此函数中修改页面内容,如调用wx.setNavigationBarTitle
- onHide:function(){ };监听页面隐藏
- onUnload:function(){ };监听页面卸载,一个页面只调用一次
组件生命周期
-
created:组件实例刚被创建时(常用)
此时不能调用setData
通常应用于给组件的this添加一些自定义属性字段
-
attached: 组件实例初始化完毕,进入页面节点树后执行(常用)
此时this.data被初始化完毕
可用于发送请求获取初始数据
-
ready:组件在视图层布局完成后执行
-
moved:组件实例被移动到节点树另一个位置时执行
-
detached:组件实例被从页面节点树移除时执行(常用)
退出一个页面时触发
适合做一些清理性质的工作
-
error:组件方法抛出错误时执行,参数:Object Error