不论是app还是小程序,生命周期是非常重要的知识点。
页面的生命周期
uni-app 支持如下生命周期函数:
onLoad
监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参)onShow
监听页面显示onReady
监听页面初次渲染完成onHide
监听页面隐藏onUnload
监听页面卸载onPullDownRefresh
监听用户下拉动作onReachBottom
页面上拉触底事件的处理函数onShareAppMessage
用户点击右上角分享 微信小程序onPageScroll
监听页面滚动onTabItemTap
当前是 tab 页时,点击 tab 时触发。
例子:
组件的生命周期
beforeCreate
组件初始化,但数据原生观测、自定义观测(eventwatcher)没生成之前。未完全创建阶段created
组件创建后,但还未挂载完全创建阶段beforeMount
组件渲染后,挂载前。渲染后待挂载mounted
组件挂载到页面 可用 vm.$el 访问挂载OKbeforeUpdate
虚拟 DOM 重新渲染和打补丁之前再次渲染前updated
组件 DOM 已经更新再次渲染后activated
keep-alive 组件激活时调用。当前组件被激活:显示deactivated
keep-alive 组件停用时调用。当前组件隐藏beforeDestroy
实例销毁之前调用。实例仍然完全可用。销毁前destroy
Vue 实例销毁后调用
补充:挂载阶段,先渲染组件,然后挂载组件。
例子:
评论