vue,小程序,uniapp生命周期

Vue/小程序/uniapp生命周期

vue的生命周期

vue,小程序,uniapp生命周期_第1张图片

vue的生命周期
初始阶段
beforeCreate() 组件创建之前 作用是为实例事件的初始化和生命周期做准备
数据和真实DOM都拿不到
created() 组件创建结束 数据的初始化 可以进行数据的操作
数据拿得到,但真实DOM拿不到
beforeMount() 即将挂载 生产vDOM 可以进行数据的操作
数据拿得到,但真实DOM拿不到
mounted() 挂载结束 真实DOM产生 可以进行数据的操作
数据拿得到,真实DOM拿得到 数据的请求和修改,只能做些静态数据的第三方实例化

更新阶段
beforeUpdate() 即将更新 监听data中数据是否发生变化
updated() 更新完成 真实DOM

销毁阶段
beforeDestory() 即将销毁
destoryed() 销毁结束
----清除一些vue无法自动清除的东西

小程序的生命周期

vue,小程序,uniapp生命周期_第2张图片

小程序的生命周期
全局生命周期—App()只能写在app.js中,只能调用一次—getApp()用于获取小程序App实例
onLaunch() 监听小程序初始化,全局只执行一次
onShow() 监听小程序显示
onHide()监听小程序隐藏,进入后台
onError() 监听错误
onPageNotFound() 页面不存在

页面生命周期—Page()用于注册页面
onLoad() 监听页面加载
onReady() 监听页面初次渲染完成
onShow() 监听页面显示
onHide()监听页面隐藏
onUnload() 监听页面卸载
onPullDownRefresh() 监听用户下拉动作
onReachBottom () 监听页面上拉触底事件的处理函数
onShareAppMessage() 用户点击右上角转发
onPageScroll() 页面滚动
onResize() 页面尺寸改变
onTabItemTap() 当前为tab页时,点击tab页

uniapp生命周期

vue,小程序,uniapp生命周期_第3张图片

应用生命周期
vue,小程序,uniapp生命周期_第4张图片

页面生命周期
vue,小程序,uniapp生命周期_第5张图片
组件声明周期

见vue

uniapp生命周期
全局生命周期----仅在App.vue中监听,其他页面无效
onLaunch() 监听uni-app初始化,全局只执行一次
onShow() 监听uni-app显示
onHide()监听uni-app隐藏,进入后台
onError() 监听错误
onUniNViewMwssage() 对nvue页面发送数据进行监听

页面生命周期
onLoad() 监听页面加载
onShow() 监听页面显示
onReady() 监听页面初次渲染完成
onHide() 监听页面隐藏
onUnload() 监听页面卸载
onResize() 监听窗口尺寸变化 App、微信小程序
onPullDownRefresh() 监听用户下拉动作
onReachBottom() 监听页面滚动到底部
onTabItemTap() 点击tab时触发
onNavigationBarButtonTap() 监听原生标题栏按钮点击事件
onBackPress ()监听页面返回 安卓的物理返回键
onNavigationBarSearchInputChanged ()监听原生标题栏搜索输入框输入内容变化事件
onNavigationBarSearchInputConfirmed()监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的搜索按钮时触发。
onNavigationBarSearchInputClicked ()监听原生标题栏搜索输入框点击

组件生命周期
beforeCreate() 组件创建之前 作用是为实例事件的初始化和生命周期做准备
数据和真实DOM都拿不到
created() 组件创建结束 数据的初始化 可以进行数据的操作
数据拿得到,但真实DOM拿不到
beforeMount() 即将挂载 生产vDOM 可以进行数据的操作
数据拿得到,但真实DOM拿不到
mounted() 挂载结束 真实DOM产生 可以进行数据的操作
数据拿得到,真实DOM拿得到 数据的请求和修改,只能做些静态数据的第三方实例化

beforeUpdate() 即将更新 监听data中数据是否发生变化
updated() 更新完成 真实DOM

beforeDestory() 即将销毁
destoryed() 销毁结束

你可能感兴趣的:(小程序)