小程序生命周期分为 : 页面生命周期 + 组件生命周期
它有四个阶段:
生命周期: 它是指一个程序从启动到关闭这一过程中产生的一些列事件的总和.
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options) //获取路由url 传递的参数
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
onLoad 事件在小程序加载完成后发生,该事件通常用于初始化小程序的数据和配置。例如,你可以在 onLoad 事件中使用 JavaScript 对象来获取用户的数据,或者将数据加载到小程序中。
onShow 事件在小程序显示时发生,该事件通常用于显示小程序的界面和功能。例如,你可以在 onShow 事件中启动小程序的功能或者打开小程序的界面。
o nHide 事件是小程序的一种隐藏事件,当小程序被用户隐藏或者关闭时,该事件会被触发。通常,你可以在 onHide 事件中处理小程序的隐藏逻辑,例如保存用户数据或者关闭小程序的界面等。
需要注意的是,小程序的 onHide 事件不会在用户手动关闭小程序时触发,只会在小程序被自动隐藏或者关闭时触发。
onReady 事件在小程序准备好渲染时发生,该事件通常用于渲染小程序的界面和数据。例如,你可以在 onReady 事件中使用 JavaScript 对象来渲染小程序的界面和数据。
注意事项:
注意事项:
组件的的生命周期 在 lifetimes 字段内进行声明 【官方推荐,优先级高】
Component({
properties: {
myProperty:{
type:String,
value:'',
observer: function() {}
},
},
data: {
},
methods: {
},
lifetimes: {
// 生命周期函数,可以为函数,或一个在methods段中定义的方法名
created: function() {
},
attached: function() {
},
ready: function() {
},
moved: function() {
},
detached: function() {
},
},
//另一种写法
created: function() {
},
attached: function() {
},
ready: function() {
},
moved: function() {
},
detached: function() {
},
});
组件生命周期 有 3 个重要的生命周期
这个生命周期只应该用于给组件 this 添加一些自定义属性字段, 不能进行 setData 更新属性的value
大多数初始化工作可以在这个时机进行 ,可以理解为 mounted,例如 进行setData 数据赋值
在组件实例被从页面节点树移除时执行
Component({
lifetimes: {
created(){
}
attached: function() {
// 在组件实例进入页面节点树时执行
},
detached: function() {
// 在组件实例被从页面节点树移除时执行
},
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。