小程序 page 生命周期
时间: 2023-09-18 21:01:54 浏览: 173
小程序的页面生命周期是指一个小程序页面在运行过程中,不同阶段的回调函数。它包括以下几个阶段:
1. onLoad:页面加载时触发,一般用于页面初始化操作,获取页面参数等。
2. onShow:页面显示时触发,每次页面显示都会调用。可以用于页面数据的刷新、交互的初始化等操作。
3. onReady:页面初次渲染完成时触发,表示页面已经准备好,可以和视图层进行交互。一般用于获取页面节点信息、创建动画、定时器等操作。
4. onHide:页面隐藏时触发,当页面被跳转到其他页面或关闭时调用。可以用于保存页面临时数据、清空页面状态等操作。
5. onUnload:页面卸载时触发,当页面被销毁时调用。可以用于清理页面定时器、解绑事件监听等操作。
6. onPullDownRefresh:下拉刷新时触发,用户下拉页面时,才会触发该回调函数。可以用于处理页面下拉刷新的逻辑,如重新请求数据、更新页面显示等。
7. onReachBottom:上拉触底时触发,当页面上拉到底部时调用。一般用于加载更多数据、分页加载等操作。
8. onShareAppMessage:点击分享按钮时触发,可以自定义分享内容和转发路径。
9. onPageScroll:页面滚动时触发,可以获取滚动位置、滚动方向等信息。
小程序的页面生命周期函数可以帮助开发者完成页面数据获取、数据初始化、交互逻辑处理等操作,提供了丰富的回调函数,使得开发者可以根据具体需求进行灵活处理。同时,开发者需要注意合理使用生命周期函数,避免出现性能问题和内存泄漏等情况。
相关问题
微信小程序生命周期和vue生命周期
微信小程序的生命周期包括以下几个阶段:
1. App 生命周期:小程序的整个生命周期从小程序启动开始,到小程序被关闭为止。其中,App 实例化、初始化、注册生命周期回调等都属于 App 生命周期的一部分。
2. Page 生命周期:小程序中的每个页面都有自己的生命周期。通常包括页面加载、显示、隐藏、卸载等阶段。
3. Component 生命周期:小程序中的自定义组件也有自己的生命周期。与页面生命周期类似,包括组件的创建、更新、销毁等阶段。
Vue.js 的生命周期包括以下几个阶段:
1. 创建阶段:
- beforeCreate:实例刚在内存中被创建,数据观测和事件配置之前。
- created:实例已经创建完成,属性已经绑定,但是 DOM 还未生成。
2. 挂载阶段:
- beforeMount:挂载开始之前,模板编译/挂载之前。
- mounted:实例已经挂载到 DOM 上。
3. 更新阶段:
- beforeUpdate:数据更新时,虚拟 DOM 重新渲染之前。
- updated:虚拟 DOM 重新渲染并应用到 DOM 后调用。
4. 销毁阶段:
- beforeDestroy:实例销毁之前调用。
- destroyed:实例销毁后调用。
需要注意的是,微信小程序和 Vue.js 的生命周期有一些不同之处,具体的生命周期方法和触发时机也有所不同。
微信小程序生命周期共有几段
微信小程序生命周期共有两段,分别是App生命周期和Page生命周期。
App生命周期包括onLaunch、onShow、onHide、onError等方法,用于管理小程序的全局状态和事件。
Page生命周期包括onLoad、onShow、onReady、onHide、onUnload等方法,用于管理小程序的页面状态和事件。
阅读全文
相关推荐















