uniapp 生命周期执行顺序

uniapp 的生命周期

onload

页面加载的时候触发

其参数是上个页面传递过来的

onShow

监听页面显示,

页面每次显示切换的时候,都会触发

onReady

监听页面渲染完成

可用于操作dom,

onHide

监听页面隐藏

onUnload

监听页面卸载

组件 的生命周期

beforeCreate

在实例初始化之后被调用

created


在实例创建完成后立即调用

beforeMount

在挂在开始前被调用

mounted

挂在到实例上之后调用。

beforeUpdate

组件更新前的时候调用

updated

组件更新的时候调用

beforeDestroy

组件销毁前的时候调用

destroyed

组件销毁的时候调用

执行顺序

父组件 onLoad onShow 子组件 beforeCreate created beforeMount mounted 父组件 onReady

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp生命周期执行顺序如下: 1. beforeCreate:在实例初始化之后,数据观测和事件配置之前被调用。 2. created:在实例创建完成后被调用,此时实例已经完成了数据观测和事件配置。 3. beforeMount:在挂载开始之前被调用,相关的 render 函数首次被调用。 4. mounted:el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。 5. onShow:页面展示时触发,对应小程序的onShow生命周期。 6. onLoad:页面加载时触发,对应小程序的onLoad生命周期。 7. onReady:页面初次渲染完成时触发,对应小程序的onReady生命周期。 8. beforeUpdate:数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。 9. updated:由于数据更改导致的虚拟 DOM 重新渲染和打补丁完成之后调用。 10. onUnLoad:页面卸载时触发,对应小程序的onUnload生命周期。 11. onHide:页面隐藏时触发,对应小程序的onHide生命周期。 以上是uniapp生命周期执行顺序。\[1\]\[2\] #### 引用[.reference_title] - *1* [uni-app中页面生命周期与vue生命周期执行顺序](https://blog.csdn.net/hu104160112/article/details/116298100)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp常用生命周期执行顺序](https://blog.csdn.net/front_endxiaobaia/article/details/115480261)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值