![cover](https://img-blog.csdnimg.cn/2f73858e020e4212be3d5d3e8b07e9b8.png)
uniapp的生命周期
创建 初始化 挂载 销毁。
目录
创建 初始化 挂载 销毁
一、应用生命周期 只能在 App.vue 里执行
1、onLaunch
应用初始化完成触发一次,全局只触发一次(登录 全局变量)
2、onShow
应用启动的时候,或者从后台进入前台会触发
3、onHide
应用从前台进入后台会触发
二、页面生命周期
1、onLoad 监听页面加载
监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),onLoad只会执行一次,只有当页面刷新会重复执行。
2、onReady
监听页面初次渲染完成,如果渲染速度快,会在页面进入动画 完成前触发
监听页面初次渲染完成,在onShow之后执行,一个页面完整执行:onLoad、onShow、onReady
3、onShow 监听页面显示
4、onHide 监听页面隐藏
5、onUnload 监听页面卸载
三、组件生命周期
1、beforeCreate
在实例初始化之后,数据观测(data observer)和 event/watcher 事件配置之前被调用
2、created
在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
3、mounted
将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。
4、destroyed
组件销毁后调用
四、其它生命周期
1、onPullDownRefresh
监听用户下拉动作
2、onReachBottom
页面上拉触底事件的处理函数
3、onShareAppMessage
用户点击右上角分享 微信小程序
4、onPageScroll
监听页面滚动
5、onTabItemTap
当前是tab页时,点击tab触发
注意
onLoad
只加载一次,监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)
onShow
监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面。
子组件
子组件里的onLoad、onShow里的方法等不执行,此时只能调用vue的生命周期方法,created、mounted等。
1、应用生命周期仅可在App.vue中监听,在其它页面监听无效。
2、onlaunch里进行页面跳转,如遇白屏报错,请参考:onlaunch生命周期内navigateto跳转页面注意 - DCloud问答
3、onPageNotFound 页面实际上已经打开了(比如通过分享卡片、小程序码)且发现页面不存在,才会触发,api 跳转不存在的页面不会触发(如 uni.navigateTo)
更多推荐
所有评论(0)