uniapp 生命周期

Page级别的生命周期函数:
onLoad:监听页面加载。当页面被导航至时触发,参数通常包含从其他页面传递的数据。
onShow:监听页面显示。当页面从前台切回或从其他页面跳转过来时触发。
onReady:监听页面初次渲染完成。此时所有视图已经渲染完毕,但可能还并未完成所有初始化操作,如网络请求等。
onHide:监听页面隐藏。当页面从前台切换到后台(即用户打开了新的页面或者返回了上一个页面)时触发。
onUnload:监听页面卸载。当页面被销毁时触发。
Vue组件生命周期结合UniApp的扩展:
beforeCreate:在实例初始化之后,数据观测和事件配置之前调用。
created:实例已经创建完成之后调用,此时可以访问到data、methods等属性。
onInit(UniApp特有):监听页面初始化,触发时机早于 onLoad,可以在此阶段获取上个页面传递的参数。
beforeMount:在挂载开始之前被调用,相关的render函数首次被调用。
mounted:在el被新创建的vm.$el替换,并挂载到实例上去之后调用。
beforeUpdate:数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。
updated:由于数据更改导致的虚拟DOM重新渲染和打补丁后调用。
按照实际执行顺序排列如下:
onInit
beforeCreate
created
onLoad
beforeMount
onReady
mounted
(beforeUpdate, updated 在数据变化时会触发)
onShow (每次页面显示时触发)
onHide (每次页面隐藏时触发)
onUnload (页面卸载时触发)
请注意,onInit 是 UniApp 特有的生命周期钩子,在 Vue 的生命周期之外添加,用于满足页面间数据传递的需求

  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值