小程序03/ uni-app认识目录结构 、uni-app应用生命周期 和 生命周期钩子、uni-app页面生命周期 和 生命周期钩子

一.uni-app认识目录结构

 

二.uni-app应用生命周期 和 生命周期钩子

位置: uni-app 在App.vue中监听 在页面监听无效 

说明: App.vue是uni-app的主组件 所有页面都是在App.vue 下进行切换的、是页面入口文件 但是App.vue 本身不是页面 这里不能编写视图元素 也就是没有<tmplate> 这个文件的作用包括: 调用应用生命周期 配置全局样式 配置全局的存储

应用生命周期钩子

onLauch  初始化完成时触发(全局只触发一次)

onshow  启动、或者从后台进入后天

onHide  从前台进入后台

onError  报错时触发

三.uni-app页面生命周期 和 生命周期钩子

页面生命周期钩子

onlnit     监听页面初始化、参数是上个页面传递的数据

onLoad  监听页面加载、参数是上个页面传递的数据、参数类似是对象

onShow  监听页面显示 页面每次出现在屏幕上都会触发 包括下一个页面点击返回后露出的当前页面

onReady  监听页面初次渲染完成 注意如果渲染速度快 会在页面进入动画完成前触发

onHide  监听页面隐藏 (在清除页面时)

onUnload  监听页面卸载

onResize  监听屏幕窗口尺寸变化 

onPullDownRefresh 监听用户下拉动作 一般用于下拉刷新

onReachBottom  监听滚动到底部的事件 常用于下拉下一页数据

onPageScroll  监听页面滚动 参数是对象