uni-app-生命周期
uni-app的生命周期包括:应用生命周期、页面生命周期、组件生命周期一、应用生命周期(只能在App.vue文件中监听)函数说明onLaunch初始化完成时触发(全局只触发一次)onShow启动时或从后台进入前台显示onHide从前台进入后台onError报错时触发onPageNotFound页面不存在监听函数在App.vue文件中打印<script>expor.
·
uni-app的生命周期包括:应用生命周期、页面生命周期、组件生命周期
一、应用生命周期(只能在App.vue文件中监听)
函数 | 说明 |
---|---|
onLaunch | 初始化完成时触发(全局只触发一次) |
onShow | 启动时或从后台进入前台显示 |
onHide | 从前台进入后台 |
onError | 报错时触发 |
onPageNotFound | 页面不存在监听函数 |
在App.vue文件中打印
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
在控制台输出可以看到执行顺序
二、页面声明周期
函数 | 说明 |
---|---|
onInit | 监听页面初始化 |
onLoad | 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object |
onShow | 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面 |
onReady | 监听页面初次渲染完成 |
onHide | 监听页面隐藏 |
onUnload | 监听页面卸载 |
onResize | 监听窗口尺寸变化 |
onPullDownRefresh | 监听用户下拉动作,一般用于下拉刷新 |
onShareAppMessage | 用户点击右上角分享 |
onShareTimeline | 监听用户点击右上角转发到朋友圈 |
onAddToFavorites | 监听用户点击右上角收藏 |
在page页面中打印
在控制台输出可以看到执行顺序
三、组件生命周期(同Vue组件生命周期)
函数 | 说明 |
---|---|
beforeCreate | 实例初始化之前调用 |
created | 创建完成后立即调用 |
beforeMount | 挂载前调用 |
mounted | 挂载后调用 |
beforeUpdate | 数据更新时调用 |
updated | 数据更新重新渲染 |
beforeDestroy | 实例销毁之前调用 |
destroyed | 实例销毁后调用 |
更多推荐
已为社区贡献2条内容
所有评论(0)